javascript - NG-Repeat - 不在列表中工作(忍者图像 slider )

Question

我正在使用一个名为 ninja slider 的图像 slider ，目前使用以下 html 可以正常工作

<div id='ninja-slider'>
    <ul>
        <li><div data-image="https://pbs.twimg.com/profile_banners/402882947/1414953548/1500x500" href="http://www.menucool.com"></div></li>
    </ul>
</div>

但是，当我试图从 Web 服务获取数据时，它不是在玩球(不显示任何数据)，但我不知道哪里出错了

 <div id='ninja-slider'>
          <div ng-controller="featCtrl">
            <ul>
                <li> <div ng-repeat="feat in featured" index="{{$index}}" data-image="{{feat.heder_img}}" href="http://www.menucool.com"></div></li>
            </ul>
        </div>
  </div>

在我的 app.js 文件中包含以下内容

.controller('featCtrl', function($scope, $http) 
{
    $http.get('http://liverpool.li/api/feat/home').
    success(function(data, status, headers, config)
    {
        $scope.featured = data.featured;
    }).
    error(function(data, status, headers, config)
    {});      
}) 

我做的完全错了吗？谢谢

Answer 1

问题可能出在忍者 slider 上。

其他人有这个问题:

ng-repeat list in AngularJS isn't updated when an ajax call changing its value

尝试在您的 ajax 调用将数据插入 $scope 时初始化插件。

正如我在插件网站上看到的那样，这可能很难。 查看插件的文档。如果您遇到问题，请改用 slickjs，但是您必须为该插件使用 jquery。