Question

当我想点击链接以显示单个模板（项目）时，我收到以下错误：

警告：尝试不止一次加载角度。

链接到屏幕截图：http://i.imgur.com/ZZDEA3J.png

这是我的templates.html代码：

<div ng-repeat="template in filteredTemplates | filter:q" class="col-lg-4 col-md-6 col-sm-6 col-xs-12 portfolio-item">
  <h4>
      <a href="/edit/{{template.id}}" class="template-name"  >{{ template.name }} </a>
  </h4>
  <p>{{ template.content.substring(0, 40) | htmlToPlaintext | removeNbsp }} ...</p> 
  <div class="row">
      <div class="col-lg-6">
          <div ng-repeat="license in template.licenses">{{license.name}} prijs <i class="fa fa-eur" aria-hidden="true"></i> {{license | setPrice}}</div>
      </div>                                        
      <div class="col-lg-6">
          <a ng-click="placeOrder(template)"  class="btn btn-info" role="button"> Add to cart <span class="fa fa-cart-plus"></span></a>
      </div>
  </div>
</div>

app.js代码：

//This will handle all of our routing
app.config(function($routeProvider, $locationProvider){
    $routeProvider.when('/', {
        templateUrl: 'js/templates/home.html',
        controller: 'HomeController'
    });

    $routeProvider.when('/templates', {
        templateUrl: 'js/store/templates.html',
        controller: 'TemplateController'
    });

    $routeProvider.when('/edit/:id', {
        templateUrl: 'js/store/template.html',
        controller: 'GetTemplateController'
    });

    $locationProvider.html5Mode({
        enabled: true,
        requireBase: false
    });
});

templateController.js：

template.controller('GetTemplateController', function ($scope, $routeParams, Template) {
      console.log('here');
});

我怀疑问题来自app.js文件。有人知道我做错了什么吗？因为我真的无法弄清楚

Answer 1

取自here：

你会注意到，如果应用程序找不到文件（即，否则），它将重定向到根，在这种情况下加载templateUrl。但是如果你的templateUrl是错误的，那么它将导致一个递归，重复加载index.html一遍又一遍地加载angular（和其他所有东西）。

似乎错误的模板网址是造成这种情况的原因。

单击Angular时无法显示单个项目

1 个答案: