選択時に値を選択するとチェックボックスをマーク

Question

私はJSONファイルを消費しています。選択した複数の値に値を入れ、選択した値を選択するとチェックボックスをマークしようとしていますが、これは私がUI-選択

  <ui-select multiple ng-model="entrevistainicialModel.idcomportamiento" 
          ng-disabled="false" 
          search-enabled="true" 
          append-to-body="true" 
          class="form-control "> 
        <ui-select-match placeholder="Comportamientos"> 
         {{$item.comportamiento}} 
        </ui-select-match> 
        <ui-select-choices repeat="multipleItem.idcomportamiento as multipleItem in datosJson[0].comportamientos | filter: $select.search"> 
         {{multipleItem.comportamiento}} 
        </ui-select-choices> 
       </ui-select> 

を使用していますし、これはチェックボックスのコード

あるセレクトコードです

これは私のJSONファイルである

"tipocasa": [ 
     {"tipo":"Propia" , "tipo_casa":1}, 
     {"tipo":"Rentada" , "tipo_casa":2}, 
     {"tipo":"Otro" , "tipo_casa":3} 
    ] 

ことをやります

  <label class="checkbox-inline custom-checkbox nowrap"> 
      <input align="center" type="checkbox" ng-model="entrevistainicialModel.idcomportamiento" value="1"> 
          <span align="center">Propia</span> 
         </label> 

      <label class="checkbox-inline custom-checkbox nowrap"> 
      <input align="center" type="checkbox" ng-model="entrevistainicialModel.idcomportamiento" value="1"> 
          <span align="center">rentada</span> 
         </label> 

     <label class="checkbox-inline custom-checkbox nowrap"> 
      <input align="center" type="checkbox" ng-model="entrevistainicialModel.idcomportamiento" value="1"> 
          <span align="center">Otro</span> 
         </label> 

ご意見やご提案はありますか？

Answer 1

最初にon-removeとon-selectを追加してモデルを変更する必要があります。 そしてasign。あなたのニーズに応じて各チェックボックスに追加します。

あなたのデータに基づいて例を作成しました。

HTML

<ui-select multiple ng-model="data.selected" on-remove="$item.selected=false" on-select="$item.selected = true" theme="bootstrap" sortable="true" close-on-select="false" style="width: 800px;"> 
    <ui-select-match placeholder="Comportamientos...">{{$item.name}}</ui-select-match> 
    <ui-select-choices repeat="comportamiento in datosJson.comportamientos"> 
    {{comportamiento.name}} 
    </ui-select-choices> 
    </ui-select>    
    <p>Selected: {{data.selected}}</p> 

    <div ng-repeat="item in datosJson.comportamientos"> 
    <input type="checkbox" ng-model="item.selected">{{item.name}} 
    <br> 
    </div> 

CONTROLLERここ

$scope.datosJson = { 
comportamientos: 
    [ 
    {id:1, name:'comportamiento1'}, 
    {id:2, name:'comportamiento2'}, 
    {id:3, name:'comportamiento3'} 
    ] 
    }; 

とは、ちょうどあなたのデータを変更DEMO とplnkrです。