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>