小编Lás*_*óth的帖子

谷歌地图回调后Angular2双向绑定停止工作

我在angular 2应用程序上工作。我有一个带有自动完成功能的谷歌地图。我有一个输入(与谷歌自动完成),和一个搜索按钮。当我按下搜索按钮时,我将输入数据发送到Google地理编码,然后在地图上放置一个标记。听起来很简单,但是在此之后,angular2数据绑定将停止工作。输入没有获得格式化的地址,addressIsValid没有打开true。

HTML:

<div class="input-group">
<input autocorrect="off" autocapitalize="off" spellcheck="off" type="text"
       class="form-control" [(ngModel)]="addressInput" #search id="address" (keydown)="addressChanged()">
<div class="input-group-btn">
    <button id="addressSubmitButton" type="submit" class="btn btn-default" [class.btn-success]="addressIsValid"
            (click)="submited(search.value)">
        {{ (addressIsValid ? 'addressInput.success' : 'addressInput.search') | translate }}
    </button>
</div>
Run Code Online (Sandbox Code Playgroud)

码:

export class AddressInputComponent implements OnInit {
public map: google.maps.Map;
public autocomplete: google.maps.places.Autocomplete;
private geocoder: google.maps.Geocoder = new google.maps.Geocoder();
public marker: google.maps.Marker;
public defaultZoom: number;
public defaultLat: number;
public defaultLng: number;
public errorCode: number;
private addressIsValid: boolean;
@Input('address') private addressInput: string;
@Output() addressUpdated: EventEmitter<string> = …
Run Code Online (Sandbox Code Playgroud)

javascript google-maps angularjs angular

5
推荐指数
1
解决办法
443
查看次数

标签 统计

angular ×1

angularjs ×1

google-maps ×1

javascript ×1