選擇標記選項不會NG-重複工作

我需要但是渲染我選擇使用NG重複與選項的選擇菜單內，像這樣選擇標記選項不會NG-重複工作

<select name="category" id="category" ng-model="rumor.category" validation-pattern="requiredOnly" error-icon> 
<option ng-repeat="cat in formOptions.categories" value="{{ cat }}" >{{ cat }}</option> 
</select>

是空的，檢查控制檯我當看到以下內容：

<select id="category" class="ng-scope ng-pristine ng-invalid ng-invalid-required" ng-model="rumor.category" name="category" required="required"> 
<option value="? undefined:undefined ?"></option> 
</select>

現在我知道我應該真正使用ng-options選擇菜單上，但是我希望包括角UI/UI，選擇2是不相容與ng-options和文檔recomends我們荷蘭國際集團的中繼器（見https://github.com/angular-ui/ui-select2）

當我使用一個不同的標籤相同的中繼器，例如：

<p ng-repeat="cat in formOptions.categories" value="{{ cat }}" >{{ cat }}</p>

中繼器工作正常。任何想法，爲什麼這是？

在此先感謝。

來源

2013-12-16 Mike Sav

您可以發佈'formOptions.categories「' –

嘗試使用對象的數組，而不是字符串數組的很可能是一個範圍繼承問題 – charlietfl

formOptions.categories是？一個字符串數組......當將其改爲一個對象數組時，我仍然得到相同的錯誤，現在就是這樣： $ scope.formOptions.categories = [ {'cat'：'1'}， { 'cat'：'2'}， {'cat'：'3'}， {'cat'：'4'} ]。 –

對於選擇選項，您不應使用ng-repeat。使用ng-options（link）代替：

<select name="category" 
     id="category" 
     ng-model="rumor.category" 
     validation-pattern="requiredOnly" 
     error-icon 
     ng-options="c.cat for c in formOptions.categories"> 
</select>

來源

2013-12-16 14:17:59 FMM

謝謝，但正如我前面提到的「我知道我應該在選擇菜單上真正使用ng-options，但是我希望包含與ng-options不兼容的angular-ui/ui-select2，文檔建議使用中繼器（請參閱https://github.com/angular-ui/ui-select2）」。我會繼續嘗試，並跳動東西將工作 –

嘿，哎呀。我注意到你實際上並沒有調用'ui-select2'指令。也許這就是問題所在？ – FMM

我注意到之前，我已經把它和樣式工作，這裏真正的問題是ng-repeat不工作，而不是ui-select2本身 –

You can use select option with ng-repeat. 

JS: 

var myApp = angular.module('myApp', []); 


function MyCtrl($scope) { 

    $scope.categories = [ {'cat' : '1'}, {'cat' : '2'}, {'cat' : '3'}, {'cat' : '4'}] ; 

} 

HTML: 

<div ng-app="myApp"> 
    <div ng-controller="MyCtrl"> 
     <select ng-model="item.value"> 
      <option ng-repeat="cat in categories" value="{{cat.cat}}">{{cat.cat}}</option> 
     </select> 
    </div> 
</div> 

You can also fiddle: http://jsfiddle.net/usmanfaisal/vHw7N/

來源

2013-12-16 19:20:40

選擇標記選項不會NG-重複工作

回答

相關問題