javascript - AngularJs 指令不工作/不可见

Question

我刚刚开始使用 AngularJs。我正在尝试实现登录指令。但我没有看到输出？我的控制台中没有错误。

我的应用程序结构:

(index.html 不可见)

login.directive.js:

(function() {
    'use strict';

    angular
        .module('lnjapp.login',[])
        .directive('login', login);

    function login() {
        var directive = {
            template: '<p>test</p>',
            //restrict: 'E',
            Controller: LoginController,
            controllerAs: 'vm'
        };
        return directive;
    }   
})();

app.js:

(function () {
    'use strict';

    angular.module('lnjapp', ['ngRoute', 'ngCookies', 'angular.filter','lnjapp.login','lnjapp.config'])
    .constant('GLOBALS', {
        url:'http://domain.dev/api/v1/'
    });

    $(document).ready(function() {
        $.material.init();
    });
})();

app/pages/login.html:

<login></login>

--编辑--

login.controller.js:

(function() {
    'use strict';

    angular.module('lnjapp.login',[])
    .controller('LoginController', LoginController);

function LoginController()
{}
})();

route-config.js:

angular
    .module('lnjapp.config',[])
    .config(config);

function config($routeProvider) {
    $routeProvider
        .when('/', {
            templateUrl: '/app/pages/login.html'
        });
}

我在这里做错了什么？

Answer 1

您创建lnjapp.login两次，一次在login.directive.js中，另一次在login.controller中。 js.第二次创建模块时，它会覆盖第一次，并且第一个文件中创建的任何内容都将不再可访问。

您应该始终只创建一个模块一次，并在所有其他情况下使用已创建的模块添加其他功能。

设置(创建):angular.module('lnjapp.login',[])

获取(使用):angular.module('lnjapp.login')

有关更多信息和其他最佳实践，请参阅 John Papa 的精彩文章 Angular Style Guide .