使用ng-include进行模板渲染

时间:2013-10-18 17:17:47

标签: 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 url时,似乎隐藏了template1.html的内容。一旦我打开firebug或检查chrome中的元素,它就会变得可见,元素就在DOM中。我是angularjs的新手,所以我相信我错过了什么,你能帮助我吗?

angularjs angularjs-directive 分享|编辑|关闭|删除|标记ng-include =“模板”&gt; 当我转到ctrl url时,似乎隐藏了template1.html的内容。一旦我打开firebug或检查chrome中的元素,它就会变得可见,元素就在DOM中。我是angularjs的新手,所以我相信我错过了什么,你能帮助我吗?

angularjs angularjs-directive 份额|编辑|接近|删除|标志

在template1.html中:

<span> This is a test </span>

在我的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的新手,所以我相信我错过了什么,你能帮助我吗?

编辑:调整窗口大小时元素变为可见(这就是打开调试工具时的原因)。

0 个答案:

没有答案