與uiSelect2

Question

語法錯誤

我試圖使用字符串連接在在ng-repeat一個ui-select2：

<select ui-select2 ng-model="selected2" style="width:300px;"> 
     <option ng-repeat="item in data[it + 'ems']" selected 
       value="{{item}}">{{item}}</option> 
    </select> 

（這是一個簡單的例子，但字符串連接是必要的代碼重用。）

它正常工作正常select。然而，uiSelect2產生一個錯誤：

Error: Syntax Error: Token ']' is an unexpected token at column 6 of the expression ['ems']] starting at []]. 
    at Error (<anonymous>) 
    at throwError (http://code.angularjs.org/angular-1.0.1.js:5830:11) 
    at parser (http://code.angularjs.org/angular-1.0.1.js:5824:5) 
    at http://code.angularjs.org/angular-1.0.1.js:6387:29 
    at compileToFn (http://code.angularjs.org/angular-1.0.1.js:8040:16) 
    at Object.Scope.$watch (http://code.angularjs.org/angular-1.0.1.js:7547:19) 
    at http://angular-ui.github.com/angular-ui/build/angular-ui.js:911:19 
    at nodeLinkFn (http://code.angularjs.org/angular-1.0.1.js:4223:13) 
    at compositeLinkFn (http://code.angularjs.org/angular-1.0.1.js:3838:14) 
    at compositeLinkFn (http://code.angularjs.org/angular-1.0.1.js:3841:12) <select ui-select2="" ng-model="selected2" style="width:300px;" class="ng-pristine ng-valid"> 

轉載於這個fiddle。

我在這裏做錯了什麼？

Answer 1

我懷疑這是因爲select-ui有一個孤立的範圍，ng-repeat也是這樣，它會讓你的it變量超出ng-repeat範圍。

我建議使用ng-options的選擇無論如何..（工作，大概是因爲它阻止了範圍界定問題，我提到過）：

<select ui-select2 ng-model="selected2" style="width:300px;" 
    ng-options="item for item in data[it + 'ems']"></select>