選択された値がmd-select angularjsに設定されていません

Question

ホストオブジェクトがあるhostSettingsオブジェクトがあります。 "cohostLists"はホストオブジェクトの配列です。私はオブジェクトの配列として "cohostLists"を取得しています、そして、選択されたcohostも保存されますが、ページに設定されていません。

モデル

@ManyToMany(cascade = CascadeType.PERSIST) 
@JoinTable(name = "host_settings_cohost_list", 
      joinColumns = @JoinColumn(name="host_settings_id", referencedColumnName="ID"), 
      inverseJoinColumns = @JoinColumn(name="cohost_lists_id", referencedColumnName="ID")) 
private Set<Host> cohostLists = new HashSet<>(); 

HTML

 <md-input-container flex="55"> 

         <md-select ng-model="vm.hostSettings.cohostLists" multiple="true" ng-click="vm.getCoHostList()"> 
          <md-optgroup > 
           <md-option ng-value="host" ng-repeat="host in vm.coHostList">{{host.user.firstName}}</md-option> 
          </md-optgroup> 

         </md-select> 
         </md-input-container> 

cohostLists：

cohostLists:Array[1] 
0:Object 
$$mdSelectId:1 
deleted:false 
department:null 
designation:"director" 
dob:null 
id:2 
mobileNumber:"98765" 
officePhoneNumber:"34355" 
organisation:null 
profilePic:"dir.jpg" 

user:Object 
activated:true 
deleted:null 
email:"host@gh.fgbd" 
firstName:"host1" 
id:5 
langKey:"en" 
lastName:"hh" 
login:"host" 
organisation:null 
resetDate:null 
resetKey:null 

私はこの問題を考えますMD-選択code.Butである私は、私は答え

変更するには、このようなHTMLコードを得た。最後

Answer 1

バグを見つけるcouldntの：あなたは `$スコープを試しました

<md-select ng-model="vm.hostSettings.cohostLists" 
      ng-model-options="{trackBy: '$value.id'}" multiple="true"> 
    <md-option ng-value="host" ng-repeat="host in vm.coHostList">{{ 
     host.user.firstName}} 
    </md-option> 
</md-select>