AngularJS-单击复选框时使输入元素聚焦

Question

单击复选框时，是否有一种更干净的方法将焦点委派给元素。这是我入侵的肮脏版本：

的HTML

<div ng-controller="MyCtrl">
    <input type="checkbox" ng-change="toggled()">
    <input id="name">
</div>

的JavaScript

var myApp = angular.module('myApp',[]);

function MyCtrl($scope, $timeout) {
    $scope.value = "Something";
    $scope.toggled = function() {
        console.debug('toggled');
        $timeout(function() {
            $('#name').focus();
        }, 100);
    }
}

JSFiddle：http :
//jsfiddle.net/U4jvE/8/

Answer 1

这个怎么样 ？矮人

 $scope.$watch('isChecked', function(newV){
      newV && $('#name').focus();
    },true);

@asgoth和@Mark Rajcok是正确的。我们应该使用指令。我只是懒惰。

这是指令版本。plunker我觉得一个好的理由将其作为指令是可以重用这件事。

因此，在您的html中，您可以将不同的模式分配给不同的集合

<input type="checkbox" ng-model="isCheckedN">
<input xng-focus='isCheckedN'>


directive('xngFocus', function() {
    return function(scope, element, attrs) {
       scope.$watch(attrs.xngFocus, 
         function (newValue) { 
            newValue && element.focus();
         },true);
      };    
});