由于某些原因,当我将指令加载到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>
答案 0 :(得分:0)
看起来你需要启动你的模块:
angular
.module('userdashApp.projects.directives', [])
...