Question

我对AngularJS了解并试图找到一种从其他视图页面访问控制器的方法。

例如，我有一个_layout.cshtml页面，其中包含全局np-app和np-controller，并且在该全局布局页面中有一个div，它从另一个视图加载另一个{{1} }＆amp; np-app。

请参阅下面的HTML和JS文件：

全局布局html页面：

np-controller

在布局页面的

<body ng-app="globalApp" ng-controller="globalCtrl">
  <div ng-show="loader" class="progress-loader">
    <h3>Processing...</h3>
    <div class="progress">
      <div class="progress-bar progress-bar-striped active" role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" style="width: 100%">
        <span class="sr-only">45% Complete</span>
      </div>
    </div>
    <span class="text-danger">Please wait for the process to complete and do not refresh or close the browser.</span>
  </div>
  <div class="navbar navbar-inverse navbar-fixed-top" ng-app="navApp" ng-controller="navSearchCtrl">
    <!-- NAV BAR code goes here -->
  </div>
  <div class="container body-content">
    <!-- Other view gets loaded here -->
    @RenderBody()
  </div>
</body>

中加载的

搜索视图HTML页面

@RenderBody

AngularJS文件：

<div class="container" ng-app="searchApp" ng-controller="searchAppsCtrl">
  <div id="search-form">
    <form role="form" method="post" ng-submit="searchSubmit()">
        <!-- Code goes here -->
    </form>
  </div>
</div>

我的问题是，当它被加载到全局布局页面时，我无法访问角度引导程序。我在chrome中使用角度检查器来查看是否可以看到所有控制器。但我只能看到两个控制器，但不能看到从另一个视图加载的第三个控制器。

请参阅下面的镀铬角度检查员的屏幕截图。

来自Asp中不同视图的多个Angularjs应用程序

0 个答案: