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>