angularjs - 指令未加载

Question

我的指令有问题。

指令和 Controller 的js文件包含在index.html中，路径正确。控制台中没有给出错误，但我的标签没有呈现。任何帮助将不胜感激。这是我的一些代码

登录表单.js

(function () {
angular
    .module('sysConApp')
    .directive('loginForm', [
        function () {
            return {
                restrict: 'E',
                scope: {},
                templateUrl: 'scripts/directives/loginForm/view/loginFormView.html',
                controller: 'LoginFormController',
                replace: 'true'
            }
        }
    ]);
});

登录表单 Controller .js

angular.module('sysConApp')
.controller('LoginFormController', ['$scope', '$state', 'AuthService', 'userProfile',
    function ($scope, $state, AuthService, userProfile) {/*Some codes*/}]);

登录表单 View .html

<form class="loginForm">
    <img class="login-logo"
         src="data:image/png;base64,i..." alt="Logo SysCon">
    <input id="inputEmail"
           type="email"
           class="form-control"
           placeholder="E-mail"
           ng-model="username"
           required
           autofocus>
    <input type="password"
           id="inputPassword"
           ng-model="password"
           class="form-control"
           placeholder="Senha"
           required>
    <span ng-show="loginError && loginForm.$invalid"
          class="label label-danger">
        <b>Erro ao realizar login.</b> Favor tente novamente.
    </span>
    <button class="btn btn-lg btn-block btn-signin"
            ng-disabled="loginForm.$invalid"
            ng-class="{'btn-default':loginForm.$invalid,'btn-success':loginForm.$valid}"
            ng-click="logIn()"
            type="submit">
        Log in
    </button>
</form>

登录.html

<div class="card card-container">
    <login-form></login-form>
</div>

Answer 1

您的代码的问题是您的 IIFE从未被调用过，您创建了该函数但从未调用过它。

你有这个:

(function() {
//...
});

并且您必须将其更改为:

(function() {
//...
})();

完整代码:

(function() {
  angular
    .module('sysConApp')
    .directive('loginForm', [
      function() {
        return {
          restrict: 'E',
          scope: {},
          templateUrl: 'scripts/directives/loginForm/view/loginFormView.html',
          controller: 'LoginFormController',
          replace: true,
          link: function(){console.log('whoray');}
        }
      }
    ]);
})();