javascript - 动态变量到 angularjs ng-repeat

标签 javascript angularjs angularjs-scope angularjs-ng-repeat

进入第一个循环,我恢复一个 id,我尝试像这样定义其他循环:

    <ul ng-show="feed{{raterie.idFB}} === true" ng-init="var myFeed = myFeedFunction(raterie.idFB);">
        <li ng-repeat="feed in getFeeder(raterie.idFB) | limitTo:1">adoptions are : {{feed.title | cleanit}}</li>
        <li ng-repeat="feed in feeder{{raterie.idFB}} | limitTo:1">adoptions are : {{feed.title | cleanit}}</li>
        <li ng-repeat="feed in feeder{raterie.idFB} | limitTo:1">adoptions are : {{feed.title | cleanit}}</li>
        <li ng-repeat="feed in feeder[raterie.idFB] | limitTo:1">adoptions are : {{feed.title | cleanit}}</li>
        <li ng-repeat="feed in feeder['raterie.idFB'] | limitTo:1">adoptions are : {{feed.title | cleanit}}</li>
        <li ng-repeat="feed in myFeed | limitTo:1">adoptions are : {{feed.title | cleanit}}</li>
        <li ng-repeat="feed in feeder846097918756247 | limitTo:1">adoptions is : {{feed.title | cleanit}}</li>
    <ul>

我不明白如何自动构建“feeder846097918756247”。最后一个 li 是我想要得到的,我将它手动放入第一个循环中,只有一个示例

我在 $scope 中尝试了两种解决方案:

    // define the value for ng-repeat (1st solution)
    $scope.getFeeder = function(id) {
        var idr = 'feeder' + id;
        return idr;
    }
    // define the value for ng-repeat (2nd solution)
    function myFeedFunction(pId) {
        return eval('feeder' + pId) ;
    }

这行不通。

我的在线应用在这里:http://www.monde-du-rat.fr/pmr/

最佳答案

为了得到

<li ng-repeat="feed in getFeeder(raterie.idFB) | limitTo:1">adoptions are : {{feed.title | cleanit}</li>

要工作,您需要从 getFeeder 函数中的范围属性返回数组。

$scope.getFeeder = function(id) {
    return $scope['feeder' + id];
}

或者更好,而不是将 feeder846097918756247 作为属性直接放在作用域上。将各自的数据放在范围内的对象中。

 $scope.feeder = {};
 $scope.feeder['846097918756247'] = someArray;
//etc...

然后做:-

<li ng-repeat="feed in feeder[raterie.idFB] | limitTo:1">adoptions are : {{feed.title | cleanit}}</li>

关于javascript - 动态变量到 angularjs ng-repeat,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26445397/

相关文章:

javascript - 地址更改时如何停止 Angular 重新加载

javascript - jQuery url.indexOf 不是函数

javascript - 选择一次后,Ionicpopup 自动光标就会消失

AngularJS : $q -> deferred API order of things (lifecycle) AND who invokes digest?

javascript - 使用 Angular 将图像上传到 Kinvey

javascript - javascript文档中编写的语法参数的含义是什么

javascript - 单击jquery时启动动画 Accordion 面板标题

javascript - 仅将唯一的对象添加到数组中

javascript - 通过使用字符串变量作为作用域名称来引用 $scope,例如$范围。[stringVar]

angularjs - 向现有集合添加或修改对象时,ng-repeat within 指令不会更新