运行以下代码时,它应该聚焦(如按钮上的光标)此处显示的名为 focussed 的按钮。但它不起作用
HTML 代码:
<body ng-controller="TextController">
<button ng-click="clickUnfocused()">Not focussed</button>
<button ngbk-focus ng-click="clickfocused()">focussed</button>
<div>{{message.text}}</div>
</body>
Javascript代码:
var kitkatmodule = angular.module('Kitkat', ['directives']);
kitkatmodule.controller('TextController',function($scope) {
$scope.message = {text:"nothin clicked"};
$scope.clickUnfocused = function() {
$scope.message.text = "Click Unfocused";
}
$scope.clickfocused = function() {
$scope.message.text = "clickfocused";
}
});
kitkatmodule.directive('ngbkFocus', function(){
return {
link : function(scope, element, attrs, controller) {
element[0].focus();
}
};
});
如何解决这个问题
最佳答案
您不需要将“指令”注入(inject)模块中,除非您打算稍后为该指令注入(inject)新模块。您的 Controller 也应该以类似于此示例的方式声明:
function TextController($scope) {
$scope.name = 'Superhero';
}
关于javascript - 自定义指令在 Angular js 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20244808/