Question

我的ng-selected表达式在selected="selected"标记中设置了<option> html属性（您可以在屏幕截图http://prntscr.com/bmgozg中看到它）但对于某些我不知道的原因，这个<option>元素仍然在网页上 <...>

我使用Angular 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

如果重复选择中的选项元素，您可以（将）遇到一些奇怪的问题。 Angular实现了一个指令ng-options来帮助你： https://docs.angularjs.org/api/ng/directive/ngOptions

Answer 2

感谢PerHornshøj-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);
        }

为什么<option selected =“selected”>不起作用？

2 个答案: