如何在asp.net mvc中使用angularjs多个模块

时间:2016-01-24 11:06:47

标签: asp.net angularjs asp.net-mvc

我最近使用angular js来编写使用asp.net mvc的项目。在此视图的布局页面中使用时,我无法在视图中使用角度模块。这有什么解决方案吗?或者我可以在同一模块的此视图的布局页面中使用另一个控制器时在视图中使用控制器吗?

1 个答案:

答案 0 :(得分:0)

你很幸运,我最近一直处理这个问题。

首先阅读article这对我帮助很大。

这是我的解决方案,我试图保持模块的分离:

我已经定义了一个全局模块ng-app =“appRoot”,然后根据文章的建议,另一个模块由ID标签识别。

<body ng-app="appRoot">
   <div id="appHeader">
   </div>
   <div id="appBody">
       @RenderBody()
   </div>
</body>

然后我只是将模块注入appRoot

angular.module('appRoot', ['appHeader','appBody']);

在我的应用程序中,每个View都有自己独立的模块,所以我这样做:

angular.module('appSampleView', []);
angular.module('appBody', ['appSampleView']);