Question

由于某些原因，当我将指令加载到html中时，我的网页会挂起。因此，它不是打印'仪表板'，而是空白。当我删除指令调用时，它工作正常。我没有正确定义指令吗？

我将代码上传到Github：Project

HTML：

 <div class="container-fluid">
  <div class="row">
    <div class="col-sm-3 col-md-2 sidebar">
      <ul class="nav nav-sidebar">
        <li class="active"><a href="#">Overview <span class="sr-only">(current)</span></a></li>
        <li><a href="#" >Projects</a></li>
        <li><a href="#">Equipment</a></li>
        <li><a href="#">Lab Safety</a></li>
      </ul>
    </div>
      <projects></projects>
    </div>
  </div>
</div>

指令：

(function(){
'use strict';

angular
    .module('userdashApp.projects.directives')
    .directive('projects', projects);

function projects(){
    return {
        restrict: 'E',
        templateUrl: 'template/projects.html'
    }
}
})();

指令Html：

<div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main">
  <h1 class="page-header">Dashboard</h1>
</div>

Answer 1

看起来你需要启动你的模块：

angular
    .module('userdashApp.projects.directives', [])
    ...

页面挂起Angularjs指令

1 个答案: