AngularJS指令DOM操作未执行link（）

Question

Trying to do some DOM manipulation, but link() is never called so nothing happens: 尝试执行一些DOM操作，但是从未调用link()所以什么也没发生：

app.js app.js

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

directives.js 指令.js

directives.directive('doIt', ['$window', function($window) {
    return {
        restrict: 'A',
        link: function(scope, element, attrs) {
            console.log('Inside link()');
            // Do stuff with $window
        }
    };
]});

HTML 的HTML

<html ng-app="app">
    <body>
        <div ng-view>
            <div do-it>
                // ....
            </div>
        </div>
    </body>
</html>

What am I missing? 我想念什么？

Answer 1

Your square bracket is incorrect 您的方括号不正确

directives.directive('doIt', ['$window', function($window) {
    return {
        restrict: 'A',
        link: function(scope, element, attrs) {
            console.log('Inside link()');
            // Do stuff with $window
        }
    };

    }]);//Check this part. The square bracket was on the wrong side of }

Move it like like I have it above 像我上面一样移动它

You also have some extra periods in your module decleration 您的模块清算还需要一些额外的时间

var app = angular.module('app', ['directives']); //remove the extra ....'s //删除多余的...

Answer 2

is this plnkr help? 这是plnkr的帮助吗？ plnkr nk

 angular.module('app', [])
// .controller('Controller', ['$scope', function($scope) {
//   $scope.customer = {
//     name: 'Naomi',
//     address: '1600 Amphitheatre'
//   };
// }])
.directive('doIt', ['$window', function($window) {
  return {
    restrict: 'A',
    link: function(scope, element, attrs) {
        console.log('Inside link()');
        // Do stuff with $window
    }
  };
}]);

AngularJS指令DOM操作未执行link（）

问题描述

2 个解决方案

解决方案1
1 已采纳 2014-11-11 06:08:17

解决方案2
1 2014-11-11 06:32:19

AngularJS指令DOM操作未执行link（）

问题描述

2 个解决方案

解决方案1 1 已采纳 2014-11-11 06:08:17

解决方案2 1 2014-11-11 06:32:19

解决方案1
1 已采纳 2014-11-11 06:08:17

解决方案2
1 2014-11-11 06:32:19