ngInclude
ng-include 允许你将页面一部分的控件委托给特定控制器。你可能希望这样做,因为该组件的复杂性正在变得如此,以至于你希望将所有逻辑封装在专用控制器中。
一个例子是:
<div ng-include
src="'/gridview'"
ng-controller='gridController as gc'>
</div>
请注意,/gridview
需要由 Web 服务器作为独特且合法的 URL 提供。
另请注意,src
属性接受 Angular 表达式。例如,这可以是变量或函数调用,或者像在此示例中一样,是字符串常量。在这种情况下,你需要确保将源 URL 包装在单引号中,因此它将被计算为字符串常量。这是混淆的常见原因。
在/gridview
html 中,你可以将 gridController
称为包裹在页面周围,例如:
<div class="row">
<button type="button" class="btn btn-default" ng-click="gc.doSomething()"></button>
</div>