ng-单击“id(factory)”转到新模板,但不显示特定ID的img

时间:2015-07-26 08:59:57

标签: javascript angularjs-directive angularjs-scope angularjs-ng-repeat angularjs-service

我可以使用ng-click转到ID位置(http://localhost:9000/#/info-serie/1),但是如果没有显示ID的img,我会尝试使用此信息http://jsfiddle.net/daSJ5/124/,但没有。

$scope.sliderImg = slider.getsliderImg();
$scope.go = function(id){
      $location.url('/info-serie/' + id);
};
//////////////// VIEW ONE //////////////////////////
<div ng-repeat="images in sliderImg" ng-click="go(images.id)">
    <img ng-src="{{images.img}}" alt="" class="img-carousel"/>
</div>
//////////////// VIEW TWO //////////////////////////
<img ng-src="{{images.img}}" alt=""/>

'use strict';

angular.module('appApp').factory('slider', function(){
        var sliderImg = [
                {
                    id  : 0,
                    img : "../../images/American-Horror-Story-season-4.jpg"
                },
                {
                    id  : 1,
                    img : "../../images/Defiance-season-3-2015.jpg"
                },
                {
                    id  : 2,
                    img : "../../images/Falling_Skies_poster_the_fianl_season.jpg"
                }
            ];

1 个答案:

答案 0 :(得分:1)

我不确定我是否理解了你的问题,但是从观看代码中发表了一些评论

工厂需要返回一些东西(通过你的服务看起来你似乎只是创建了一个变量。

还有一件事是网址。如果你想改变网址就可以了,但是如果你想改变一个页面而不仅仅是网址你应该尝试$ location.path('/ info-serie /'+ id)。

希望这会有所帮助