为什么<选项selected="selected">不能工作？

Question

我的ng-selected表达式在<option>标记中设置了selected="selected" html属性(您可以在屏幕快照http://prntscr.com/bmgozg中看到它)，但是由于某种原因，仍然没有在网页上选择<option>元素.

我用角1.4.7。

<select ng-model="link.destination_slide_number">
                        <option value="{{$index + 1}}"
                                ng-repeat="canvas in vm.canvases"
                                ng-selected="link.destination_slide_number == $index + 1">Go to slide #{{$index + 1}}
                        </option>
</select>

Answer 1

如果在select中重复选项元素，您可能会遇到一些奇怪的问题。实现了一个指令ng-选项来帮助您：https://docs.angularjs.org/api/ng/directive/ngOptions

Answer 2

谢谢Per Schierbeck，我成功地使用了以下代码：

html

<select ng-model="link.destination_slide_number"
        ng-options="idx * 1 + 1 as vm.formatText(idx) for (idx, choice) in vm.canvases">                        
</select>

js

function formatText(canvasIdx) {            
            return 'Go to slide #' + (Number(canvasIdx) + 1);
        }