ngFocus在AngularJS中不起作用

Question

以下是我的代码片段,其中我需要在复选框值的基础上聚焦输入字段,如果我选中复选框,它应该聚焦第二个元素,它不知何故不起作用.让我知道我在Angular中做错了什么.

注意 - 我已经使用指令检查了几个例子,但我想知道我在这里缺少的概念/代码等

<input type="checkbox" ng-model="vm.check" />
<br>
<input type="text" ng-model="vm.input1" />
<input type="text" ng-model="vm.input2" ng-focus="vm.check" />
<input type="text" ng-model="vm.input3" />

Plnkr代码 - http://plnkr.co/edit/q15Jht9AsVj60xrutVfm?p=preview

Answer 1

ngFocus不像你想象的那样工作.下面的表达式ngFocus是在输入焦点上触发的,就是全部.

如果要根据var的状态来关注它,则应使用指令.示例:

myApp.directive('syncFocusWith', function($timeout, $rootScope) {
  return {
    restrict: 'A',
    scope: {
      focusValue: "=syncFocusWith"
    },
    link: function($scope, $element, attrs) {
      $scope.$watch("focusValue", function(currentValue, previousValue) {
        if (currentValue === true && !previousValue) {
          $element[0].focus();
        } else if (currentValue === false && previousValue) {
          $element[0].blur();
        }
      })
    }
  }
});

并更新您的html以使用此指令:

<input type="text" ng-model="vm.input2" sync-focus-with="vm.check"/>

更新了plunkr

从Emberex.com获得Alex分享此片段的信用.

Answer 2

ng-focus 习惯了

指定焦点事件的自定义行为

不要设置焦点.

检查angular-docs

要满足您的情况,请参阅此处