AngularJS / MVC路由-尝试加载不止一次的Angular

时间:2018-08-03 09:59:50

标签: angularjs ngroute

是的,有多个问题与我的相似,但我都找不到解决方案

我在Controller / Action主页/索引上有一个基本页面

我想以此作为我SPA的基础,但无法使路由正常工作,我的路由 config是:

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

有一个遵循该路由的View and Action,我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>

任何帮助,谢谢:)

1 个答案:

答案 0 :(得分:0)

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