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>