2015-07-19 72 views
0

在我的应用程序具有UI的选择:价值的角度UI选

<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> 

艇员选拔的东西,我想的选择值添加到数据库之后。

在我使用输入之前,并没有添加到数据库的问题。

<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' } 
    ]; 
+0

什么工作不准确? – vinayakj

+0

当我点击提交时,我没有在数据库中选择这个值。没有flat.flatData.type_local –

+0

如果我使用输入,我没有问题 –

回答

0

这里是修复这个问题:

<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> 
+0

已选择:{{flat.flatData.type_local}}

我有“Selected:{”type“:”One“}”可能这是问题吗? –

+0

你的意思是你有一个预先选择的选项?我不是很熟悉ui-select,但是在常规选择中,我会使用ng-init来设置预先选择的选项。我更新了jsfiddle。它不影响表单提交。尝试删除并测试它。 –

+0

不,“Selected:{”type“:”One“}”我选择了选择后。在你的代码中你有“Selected:One” –

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

输入正在工作,当我使用select而不是输入 –

+0

输入时,你指定''flat.flatData.type_local“'并查看它的'flat.type_local',你确定你在'' – vinayakj

+0

flatData在创建对象时使用vm.create = function(){ vm.message =''; Flat.create(vm.flatData) .success(功能(数据){ //清理形式 vm.flatData = ''; vm.message = data.message; }); }; –