Javascript 角度JS-在模板中重复

我试图在指令中使用ngRepeat，但我真的不知道怎么做。我接近了吗

割草机是我的控制器中使用此指令的阵列

.directive('slider', function() {
return function() {
    template: '<slider><film><frame ng-repeat="mower in mowers">{{mower.series}}</frame></film></slider>';
    replace: true;
        scope: true;
    link: function postLink(scope, iElement, iAttrs) {
            // jquery to animate
        }
    }
});

.directive（'slider'，function（）{
返回函数（）{
模板：{{mower.series}}}；
替换：正确；
范围：真实；
链接：功能postLink（范围、IELENT、iAttrs）{
//要设置动画的jquery
}
}
});

是的，很接近，但语法已关闭。您需要在您的范围内为割草机分配一些内容

.directive('slider', function() {
return {
    restrict: 'E', //to an element.
    template: '<film><frame ng-repeat="mower in mowers">{{mower.series}}</frame></film>',
    replace: true,
    scope: true, // creates a new child scope that prototypically inherits
    link: function postLink(scope, iElement, iAttrs) {
            scope.mowers = [
               { series: 1 },
               { series: 2 },
               { series: 3 }
            ];
        }
    }
});

然后你可以这样设置：

<slider mowers="myMowers"></slider>

其中，

myMowers

是控制器或父指令范围内的变量

---

我希望这能有所帮助。

是的，很接近，但语法不正确。您需要在您的范围内为割草机分配一些内容

.directive('slider', function() {
return {
    restrict: 'E', //to an element.
    template: '<film><frame ng-repeat="mower in mowers">{{mower.series}}</frame></film>',
    replace: true,
    scope: true, // creates a new child scope that prototypically inherits
    link: function postLink(scope, iElement, iAttrs) {
            scope.mowers = [
               { series: 1 },
               { series: 2 },
               { series: 3 }
            ];
        }
    }
});

然后你可以这样设置：

<slider mowers="myMowers"></slider>

其中，

myMowers

是控制器或父指令范围内的变量

---

我希望这会有帮助。

我在那里加了这个。对不起，我倾向于回答，然后修改了很多。@drew表示控制器作用域有一个

mowers

属性，所以我不确定为什么链接函数在新的子作用域上创建另一个（它将隐藏/隐藏父作用域上的一个），而不仅仅是访问父作用域上的属性。我明白你的意思。抢手货在我看来，他在做一个

范围：{}

，我在那里加上了这个。对不起，我倾向于回答，然后修改了很多。@drew表示控制器作用域有一个

mowers

属性，所以我不确定为什么链接函数在新的子作用域上创建另一个（它将隐藏/隐藏父作用域上的一个），而不仅仅是访问父作用域上的属性。我明白你的意思。抢手货在我看来，他在做一个

范围：{}

。