ng-options 如何在没有控制器的情况下工作？

Question

我有一个字符串数组['One', 'Two', 'Three']，我想在我的Angular 组件中用作<option> 标签。我不想使用控制器。我只想使用 ng-options。这是如何工作的？

在组件中我有变量声明：

array: String[] = ['One', 'Two', 'Three'];
selectedString: String = 'Two';

在组件的 HTML 文件中，我有：

<div [ngClass]="setClasses()">
    <select id="testCodeSelect" name="testCodeSelect" ng-model="selectedCode">
        <option *ngFor="let code of codes" value="code.alphabetic">{{ code.alphabetic }}</option>
    </select>
    <select id="codeSelect" name="codeSelect" ng-model="selectedString" ng-options="test as test in array"></select>
</div>

不起作用的事情：

<select id="codeSelect" name="codeSelect" ng-model="selectedString" ng-options="test for test in array"></select>
<select id="codeSelect" name="codeSelect" ng-model="selectedString" ng-options="test as test for test in array"></select>
<select id="codeSelect" name="codeSelect" ng-model="selectedString" ng-options="item for item in ['One', 'Two', 'Three']"></select>

Answer 1

看起来您要求的是- `

<select ng-init="colors = [{ name:'1', shade: '1s' },{ name:'2', shade: '2s' },{ name:'3', shade: '3s' }]" ng-model="myColor" ng-options="color.shade for color in colors"></select>

<select ng-init="colors = ['one','two', 'three']" ng-model="myColor" ng-options="color for color in colors"></select>


<select ng-model="myColor" ng-options="color for color in ['one','two', 'three']"></select>

`

编码愉快！