javascript - 单独的 JS 文件中的 Angular 指令？

Question

我有这个 ngFocused 指令在工作，但我想把它放到它自己的 js 文件中。我该如何连接它？

    var appObject = angular
        .module('app', ['ngAnimate'])
        .directive('ngFocused', [
            function() {
                var FOCUS_CLASS = "focused";
                return {
                    restrict: 'A', //Attribute only
                    require: 'ngModel',
                    link: function(scope, element, attrs, ctrl) {
                        ctrl.$focused = false;
                        element.bind('focus', function(evt) {
                            element.addClass(FOCUS_CLASS);
                            scope.$apply(function() { ctrl.$focused = true; });
                        }).bind('blur', function(evt) {
                            element.removeClass(FOCUS_CLASS);
                            scope.$apply(function() { ctrl.$focused = false; });
                        });
                    }
                }
            }
        ]);

Answer 1

我喜欢 IIFE 方法。在您的新文件中:

(function(app) {

     app.directive(....)

}(angular.module('app'));

这将使您的所有对象远离全局命名空间。请务必在引用脚本之前引用定义 Angular 应用程序的脚本。