页面挂起Angularjs指令

时间:2015-09-09 03:43:55

标签: angularjs angularjs-directive

由于某些原因,当我将指令加载到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>

1 个答案:

答案 0 :(得分:0)

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

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