【问题标题】:Angular Routes not working, can you spot the bug?Angular Routes 不起作用,你能发现错误吗?
【发布时间】:2015-11-08 01:04:59
【问题描述】:

我正在尝试将 2 个部分路由到我的索引页面,但到目前为止,似乎只有一个路由有效,另一个路由无响应。我已经多次查看代码,但似乎无法发现问题。希望有任何见解。

这是我的控制器:

    app.controller('HomeController', ['$scope','stream', function($scope, stream) {
    stream.then(function(data)  {
        $scope.photos = data;
    });  
}]);

这是加载失败部分的控制器

 app.controller('PhotoController', ['$scope','stream', '$routeParams', function($scope, stream, $routeParams) {
    stream.then(function(data)  {
        $scope.descript = data.items[$routeParams.photoid];
    });  
}]);

这是

<div class="container" ng-repeat="photo in photos.items"  >
     <div class="photo" >         
      <div>
       <img  class="col-md-2 thumbnail" ng-src="{{photo.media.m}}">
        </div>
        <div class="col-md-8" style="height: 119px; width: 641px">
         <div class="row" id="title"><p1>{{photo.title}}</p1></div>
         <div class="row list-desc">
         <p1  id="author">{{photo.author}}</p1>
         <p1 id="pub-date">Published:{{photo.published | date}}</p1>
         <a id="view-link" href="description/{{$index}}">View on flickr</a>
          </div>
      </div>        
  </div>
</div>

这是加载失败的那个。

    <div class="container" ng-repeat="desc in descript" >
          <h1>{{desc.title}}</h1>
</div>

这是我的路线:

    var app = angular.module('angularOne', ['ngRoute']);

app.config(['$routeProvider','$locationProvider',
    function($routeProvider, $locationProvider) {
       $routeProvider.
         when('/', {
          controller: 'HomeController',
          templateUrl: 'views/home.html'
        }).
         when('/description/:photoid', {
          controller: 'PhotoController',
          templateUrl: 'views/photo.html'
        }).
         otherwise({
         redirectTo:'/' 
      });

     $locationProvider.html5Mode(true);
}]);

【问题讨论】:

  • 你的路由配置在哪里?
  • 您是否收到任何错误消息?
  • @chase 刚刚附加了路由配置代码。
  • @LeFex 这是我得到的:加载资源失败:服务器响应状态为 404(未找到)
  • 艰难的。我真的没有答案,但我想你可以仔细检查所有文件名和路径,如果你注释掉与视图关联的控制器,测试它是否有效,检查控制器是否正确接收 routeParams。祝一切顺利。

标签: angularjs angular-routing angular-controller


【解决方案1】:

desc 应该在 html 中描述,或者在 js 中相反。

【讨论】:

  • desc 只是循环遍历描述并显示在 html 部分中。
  • 我会再看一遍,我希望我能找到一些东西。
猜你喜欢
  • 1970-01-01
  • 2021-10-12
  • 2016-10-09
  • 1970-01-01
  • 2022-11-30
  • 2022-06-18
  • 2020-04-18
  • 1970-01-01
  • 2018-06-30
相关资源
最近更新 更多