当前位置: 代码迷 >> JavaScript >> Angular ui-select的值
  详细解决方案

Angular ui-select的值

热度:143   发布时间:2023-06-13 12:32:15.0

在我的应用程序中有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' }
    ];
<input type="text" class="form-control input-sm" name="type" 
       ng-model="flat.type_local" placeholder="Type" required>

这是解决此问题的方法:

 <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> 
  相关解决方案