2015-07-19 87 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; }); }; –