HTML5：如何使用AngularJS将焦点设置在列表中的文本输入上

<li ng-repeat="cue in cues" class="form-inline">
    <input type="text" ng-model="cues[$index].text" class="input-xlarge"/>
    {{Cue.isNeWest}}
</li>

这是另一个使用attrs的指令实现.$observe： @H_517_2@myApp.directive('focus',function () { return function (scope,element,attrs) { attrs.$observe('focus',function (newvalue) { newValue === 'true' && element[0].focus(); // or,if you don't like side effects (see @Christophe's comment): //if(newValue === 'true') element[0].focus(); }); } });

请注意,插值的DOM属性值(即{{Cue.isNeWest}})总是计算为字符串,因此将newvalue与字符串’true’而不是关键字true进行比较.

HTML：

<input type="text" ng-model="cues[$index].text" focus="{{Cue.isNeWest}}"
 class="input-xlarge" />{{Cue.isNeWest}}

此fiddle还有一种方法可以切换数组中的哪个项应该具有焦点.

注意,如果你不加载jQuery,我们需要在link函数中使用element [0] .focus()(而不是element.focus())因为jqLit​​e没有focus()方法.