AngularJS ngInclude

示例

ng-include允许您将页面的一部分的控制委派给特定的控制器。您可能要这样做,因为该组件的复杂性越来越高,您希望将所有逻辑封装在专用控制器中。

一个例子是:

  <div ng-include
       xx_src="'/gridview'"
       ng-controller='gridController as gc'>
  </div>

请注意,/gridview将需要由Web服务器作为唯一且合法的网址提供。

另外,请注意,src-attribute接受Angular表达式。例如,这可以是变量或函数调用,或者像在此示例中一样,可以是字符串常量。在这种情况下,您需要确保将源URL括在单引号中,以便将其评估为字符串常量。这是造成混乱的常见原因。

在/gridviewhtml中,您可以引用,gridController就像将其包裹在页面上一样,例如:

<div class="row">
  <button type="button" class="btn btn-default" ng-click="gc.doSomething()"></button>
</div>