AngularJS/MVC 路由 - 尝试多次加载 Angular

Question

是的，有多个与我类似的问题，但我无法在其中任何一个中找到解决方案

我在 Controller/Action Home/Index 上有一个基本页面

我想以此作为我的 SPA 的基础，但无法让路由完全正常工作，我的路由配置是：

app.config(function($routeProvider) {
  $routeProvider
    .when("/", {
      templateUrl: '/Home/Location.cshtml',
      controller: 'myCtrl'
    });
}); 

有一个视图和操作确实遵循该路由，我 100% 确定，但如果我在路由配置中保留“.cshtml”，我会收到 404 错误，但如果我删除它，我会收到“尝试加载 Angular”不止一次'

BundleConfig.cs

bundles.Add(new ScriptBundle("~/bundles/angularjs")
  .Include("~/Scripts/angular.js")
  .Include("~/Scripts/PortalController/PortalController.js")
  .Include("~/Scripts/angular-route.js")
  .Include("~/Scripts/PortalController/PortalController.config.js"));

ViewBag.Title = "Home Page";
}


<div class="card text-center mb-3">
  < div class="card-header">
    <h1 class="display-1"> Search Stock Location </h1>
    <hr/>
</div>
<div class="card-body">
  <p class="card-text"> Enter the SKU(Product code) or Seach by product name
  </p>
  <form>
    <div class="form-group">
      <input type="text" class="form-control" id="tbSearchBar" />
    </div>
  </form>
</div>
<button class="btn btn-primaru"> Search
</button>
</div>

任何帮助，谢谢:)

Answer 1

你可能在Index.cshtml 上有 angularjs 的引用。请从您的 cshtml 页面或捆绑包中删除参考。