angular2の別のオートコンプリートに応じてオートコンプリートの値を変更する方法

Question

2つのオートコンプリートを作成するにはどうすれば別のオートコンプリートに依存するのでしょうか。 私は私のコードが

<div class="col-md-4 xs-p1"> 
         <div class="form-group"> 
          <label>City <em>*</em></label> 
          <input ng2-auto-complete [(ngModel)]="contact.pCity" [source]="citySuggestions.bind(this)" 
           list-formatter="pCity" display-property-name="pCity" placeholder="Search by City" 
           class="form-control1" style="border-radius:0px"> 
          <!--<input class="form-control1" id="height2" placeholder="Enter City" type="text" [(ngModel)]="contact.pCity">--> 
         </div> 

        </div> 
        <div class="col-md-4 xs-p1"> 
         <div class="form-group"> 
          <label>State <em>*</em></label> 
          <input ng2-auto-complete [(ngModel)]="contact.pState" [source]="codeSuggestions.bind(this)" 
           list-formatter="pState" display-property-name="pState" placeholder="Search by State" 
           class="form-control1" style="border-radius:0px" (valueChanged)="getCitySuggestions($event)" max-num-list="5"> 
         </div> 
        </div> 

の下に助けてください、このdidntの仕事を与えられて試してみました。このためのリンクがあります

Answer 1

getCitySuggestions関数を提供できますか？
.bind（これ）不要