javascript - Angular ui-select の値

Question

私のアプリケーションでは、ui-select があります:

<ui-select ng-model="flat.flatData.type_local" theme="bootstrap">
   <ui-select-match placeholder="Type">
      {{ $select.selected.type }}
   </ui-select-match>
   <ui-select-choices repeat="t in flat.type_local | filter: $select.search">
      {{ t.type }}
   </ui-select-choices>
</ui-select>

何かを選択した後、select の値をデータベースに追加したいと考えています。

入力を使用する前に、データベースへの追加に問題はありません。

<input type="text" class="form-control input-sm" name="type" ng-model="flat.flatData.type_local" placeholder="Type" required>

これは私のコントローラーの一部です：

angular.module('flatCtrl', ['flatService', 'ui.grid', 'ui.grid.resizeColumns', 'ui.grid.moveColumns', 'ui.grid.autoResize', 'ngSanitize', 'ui.select'])
.controller('FlatController', function(Flat, socketio){

    vm = this;

    vm.createFlat = function(){
        vm.message = '';
        Flat.create(vm.flatData)
            .success(function(data){

                // clear up the form
                vm.flatData = '';
                vm.message = data.message;
            });
    };


    vm.type_local = [
        { type: 'One' },
        { type: 'Two' }
    ];

Answer 1

この問題の修正は次のとおりです。

 <ui-select-choices repeat="t.type as t in flat.type_local track by $index | filter: $select.search">

と

 <div ng-bind-html="t.type | highlight: $select.search"></div> 

Answer 2

<input type="text" class="form-control input-sm" name="type" 
       ng-model="flat.type_local" placeholder="Type" required>