Question

我是AngularJs的新手，我需要像CNN频道底部区域新闻提要一样显示头条新闻

我从CNN获得了Feed并将其放在$ scope变量中，如何显示每个Feed - 使其在屏幕上停留10秒钟移出当前的那个并引入下一个，

我无法使用＆＃34; ng-repeat＆＃34;因为它显示数组对象中的所有项目; 在我的情况下，我需要一个接一个地显示。

我尝试使用自定义指令链接功能但无法访问链接功能

中的新闻提要对象

app.controller('tickerController', function($http, $scope, FeedService) {
  function loadNewsFeed() {
    FeedService.parseFeed(url).then(function(res) {                 
      $scope.newsFeedObject = res.data.responseData.feed.entries;                           
    });
  }

  app.directive('currentNews',function() {
    return {
      restrict: 'E',
      link: function (scope, element, attrs) {
              element.html(scope.newsFeedObject[0].title); //Error line
            }
    };
  }

在//Error line编译器说＆＃39; 0＆＃39;无法识别，但能够访问此外部链接功能

Answer 1

我知道有两种方法取决于你想要做什么（你也可以将它们结合起来）。

第一种是对Feed进行分页，然后让角度更新每10秒进纸一次的“页面”

第二种方法是将第一个Feed放在屏幕上的div中。然后使用下一个Feed在屏幕外创建第二个“加载”div。使用JQuery中的动画在屏幕上滑动div而另一个滑动到屏幕上。然后将原始div中的数据更改为“loading”div的数据，并将div重新捕捉到位。然后使用下一个Feed准备“加载”div

AngularJS - 头条新闻显示，如CNN频道底部区域新馈送

1 个答案: