在angularjs的某个字段上设置条件焦点 [英] set conditional focus on some field in angularjs
问题描述
您好,所有工程师,我已经看到了很多问题,并且很好地提出了关于将注意力集中在某些输入字段上的建议,但是我没有找到任何满足我要求的东西,现在我的问题是我们是否有多个输入字段,而我们不知道在哪里设置焦点,并且在某些条件下我想在控制器返回的某个字段上设置焦点,是否有类似"document.getElementbyId(").focus"的内容,如带有"ng-model"的javascript "之类的东西,感谢您的任何帮助
Hello all fellow engineers , i have seen so many questions and well suggesting answers regarding setting focus on some input field but i didn't found anything which will fulfill my requirements , now my question is if we have multiple input fields and we don't know where to set the focus , and on some condition basis i want to set focus on some field back from controller, is there anything like "document.getElementbyId("").focus" as in javascript with "ng-model" or something , any help will be appreciated thanks
推荐答案
当传入的表达式为true时,此伪指令将使元素获得焦点.
This directive will cause an element to receive focus when the passed in expression is truthy.
用法:
<!-- set `$scope.foo` to a truthy value when this input should be focused -->
<input type="text" focus-when="foo">
<button ng-click="foo = true">Focus input.</button>
指令:
.directive('focusWhen', function() {
return {
scope: {
focusWhen: '='
},
link: function($scope, $element) {
$scope.$watch('focusWhen', function(shouldFocus) {
if (shouldFocus) {
$element[0].focus();
}
});
}
};
})
这篇关于在angularjs的某个字段上设置条件焦点的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!