自定義指令在Angular JS中不起作用

Question

在運行以下代碼時，應將其聚焦（如按鈕上的光標）在此處顯示的名為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();
            }
        };
    });

如何解決這個問題

Answer 1

您無需在模塊中注入“指令”，除非您打算稍后為指令注入新模塊。 還應該以類似於以下示例的方式聲明您的控制器：

function TextController($scope) {
    $scope.name = 'Superhero';
}

Answer 2

在使用指令時，我們需要添加angular-resource.js文件

Answer 3

只需在聲明模塊時刪除包含的“ directives ”即可使代碼正常工作。 還請注意您已聲明ng-App。 我沒有包含angular-resources.js但仍然對我有用。 剛剛包含了angular.min.js 。

自定義指令在Angular JS中不起作用

問題描述

3 個解決方案

解決方案1
0 2013-11-27 14:25:29

解決方案2
0 已采納

解決方案3
0 2014-08-20 04:49:00

自定義指令在Angular JS中不起作用

問題描述

3 個解決方案

解決方案1 0 2013-11-27 14:25:29

解決方案2 0 已采納

解決方案3 0 2014-08-20 04:49:00

解決方案1
0 2013-11-27 14:25:29

解決方案2
0 已采納

解決方案3
0 2014-08-20 04:49:00