Angularjs 使用ng-include进行模板渲染_Angularjs_Angularjs Directive

Angularjs 使用ng-include进行模板渲染

angularjs

Angularjs 使用ng-include进行模板渲染,angularjs,angularjs-directive,Angularjs,Angularjs Directive,我有一个简单的控制器，其作用域中设置了部分模板： function Ctrl($scope) { $scope.template = 'partials/template1.html'; }<div ng-controller="Ctrl"><div<div ng-controller="Ctrl"><div ng-include="template"></div></div> 函数Ctrl（$scope）{ $scope.

我有一个简单的控制器，其作用域中设置了部分模板：

function Ctrl($scope) {
  $scope.template = 'partials/template1.html';
}<div ng-controller="Ctrl"><div<div ng-controller="Ctrl"><div ng-include="template"></div></div>

函数Ctrl（$scope）{
$scope.template='partials/template1.html'；
}
当我转到ctrl url时，似乎template1.html的内容被隐藏了。只要我打开firebug或在chrome中检查元素，它就会变得可见，并且元素位于DOM中。我是angularjs的新手，所以我肯定我错过了一些东西，你能帮我吗
angularjs angularjs指令
共享|编辑|关闭|删除|标志
在template1.html中：
<span> This is a test </span>

这是一个测试

在my index.html中：
<body>
  <div id="header"> ... stuff </div>
  <div ng-view></div>
</body>


... 东西

最后，当我发送到partial/ctrl.html时，我使用ng include：
<div ng-controller="Ctrl"><div ng-include="template"></div></div>



当我转到ctrl url时，似乎template1.html的内容被隐藏了。只要我打开firebug或在chrome中检查元素，它就会变得可见，并且元素位于DOM中。我是angularjs的新手，所以我肯定我错过了一些东西，你能帮我吗
编辑：当调整窗口大小时，元素变得可见（这就是为什么它在打开调试工具时工作）。
我假设您使用的是$routeProvider
，那么为什么不在那里定义模板而不是范围呢？我计划在几个路径中使用该模板。。。现在我想起来了，这应该是一种服务吗？我试图实现的是类似于Django的include-template标记的东西，因此我可以有一个小的子模板，可以在不同的视图中呈现。