ui-selectの倍数で選択した値をすべて角で取得するには

Question

次のui-selectコードを角度で表示し、選択した値をすべて文字列に入れたいと思います。選択がうまく機能し、私は製品を選択することができますが、私は私がこの

</div> 
       <div>{{multipleDemo.selectedProducts}}</div> 
      </div> 

のようにdiv要素を記述する場合、私は

$scope.multipleDemo = {}; 
$scope.multipleDemo.selectedProducts = []; 

を持つコントローラでは

<ui-select multiple ng-model="multipleDemo.selectedProducts" theme="bootstrap" ng-disabled="disabled"> 
        <ui-select-match class="ui-select-match" placeholder="Επιλογή προϊόντος...">{{$item.name}}</ui-select-match> 
        <ui-select-choices class="ui-select-choices" repeat="product in products | propsFilter: {name: $select.search}"> 
        <div ng-bind-html="product.name | highlight: $select.search"></div> 
        </ui-select-choices> 
       </ui-select> 

を選択したどの値が取得できません

それから、私はこの部門には何も見ていない。 誰でもこれを助けることができますか？

Answer 1

ご質問のコードに基づいてthis Fiddleを作成しましたが、これはうまくいくようです。私はあなたのコードで間違った何かを明らかにすることはできません。次のように

コントローラは：

app.controller("myCtrl", function($scope) { 
    $scope.products = [ 
    {id:1, name:'Apple'}, 
    {id:2, name:'Banana'}, 
    {id:3, name:'Carrot'} 
    ]; 

    $scope.multipleDemo = {}; 
    $scope.multipleDemo.selectedProducts = []; 
}); 

とHTML：

<div ng-app="app" ng-controller="myCtrl"> 
    <ui-select multiple ng-model="multipleDemo.selectedProducts" theme="bootstrap" ng-disabled="disabled"> 
    <ui-select-match class="ui-select-match" placeholder="Επιλογή προϊόντος...">{{$item.name}}</ui-select-match> 
    <ui-select-choices class="ui-select-choices" repeat="product in products | propsFilter: {name: $select.search}"> 
     <div ng-bind-html="product.name | highlight: $select.search"></div> 
    </ui-select-choices> 
    </ui-select> 
    <div> 
    Selected: {{multipleDemo.selectedProducts}} 
    </div> 
</div> 

はさらに私はモジュール上propsFilter定義しなければならなかった：

app.filter('propsFilter', function() { 
    ... 
}); 

およびngSanitizeを確実にしました依存として含まれる：

var app = angular.module('app', ['ui.select', 'ngSanitize']);