序
如果你想在angularjs中动态加载一个内容,那么我们可以使用ng-include来实现。今天,Insus.NET在ASP.NET的MVC环境中,举了一个例子来展示它的功能。
示例介绍
您可以在一个视图中动态加载任何其他视图。如果您的动态内容有许多组件,您需要在控制器中创建相应的操作动作。如果使用部分视图,则不需要创建相应的操作。这就是Insus.NET喜欢的。
另外,我们需要为ng-include link带来一些参数!
因此,该参数通过使用模型来实现:
由于ng-include的链接,直接给出了局部视图的名称或路径,因此视图无法直接渲染局部视图。
然后我们想一个办法写一个公共视图,所有的局部视图都可以加载到这个公共视图中,用这个公共视图来渲染这些局部视图。
在CommonView操作Action中,我们传入一个模型,这个模型是为以后传递参数做准备的。
接下来,我把这个观点写好:
渲染局部视图的操作已创建。它也没有太多的html代码。
下面创建了两个局部视图,但实际环境中可能不止两个。
局部视图_视图1:
局部视图2:
以下ng演示的一切都准备好了,包括:
程序运行结果:
摘要
以上就是本文的全部内容。希望这篇文章的内容对大家学习或者使用Angular.js有帮助,有问题可以留言交流。谢谢你的支持。