Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/20.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angularjs 如何在指令模板中使用ng repeat_Angularjs_Ng Repeat - Fatal编程技术网

Angularjs 如何在指令模板中使用ng repeat

Angularjs 如何在指令模板中使用ng repeat,angularjs,ng-repeat,Angularjs,Ng Repeat,显示控制器传递给指令模板的JSON对象数据时出现问题。这是我的密码 指令 app.directive('heroes', function(){ return{ scope:{ heroes: '=' }, template: '<li ng-repeat="x in hereos">{{ x.Name }} </li>', // DOESNT WORK link:functi

显示控制器传递给指令模板的JSON对象数据时出现问题。这是我的密码

指令

app.directive('heroes', function(){
    return{
        scope:{
            heroes: '='
        },
        template: '<li ng-repeat="x in hereos">{{ x.Name }} </li>', // DOESNT WORK
        link:function(scope,element,attributes){

            });
        }
    }
});

您应该在HTML中包含该指令,并稍微重命名您的值

html可以是

 <heroes data="heroes"></heroes>
如果你想做英雄:“=”并且你没有限制指令,比如说一个元素,那么你基本上包括了两次指令(你不希望这样)。如果你想使用英雄作为属性,像这样

然后加上

限制:“E”


根据您的指令。

也许您应该在$http callback中尝试$scope。$apply()的用法是什么?你的意思是$http。$apply???@scokmen$http将触发$digestGuess
ng repeat=“x in hereos”>
是否为打字错误?(这里不是英雄)是的。还是一样不能显示谢谢!这奏效了。。只是个问题。。我是否总是需要发布一个“=”英雄“在指令的范围内?顺便问一下,这是什么意思?在这种情况下是的。您正在将数据从控制器传递到指令。在控制器中有$scope.heromes=data.records;如果是$scope.myData,那么您可以这样做。该指令有自己的作用域,在该指令中,您可以定义属性来轻松传递数据(请参见:作用域:{heroes:'=data'})。这就是将指令的数据属性的值链接到指令范围的地方。希望这能让你更清楚一点。我建议你多读一点指令,以获得清晰的理解。谢谢穆勒!是的,我现在正在看指令视频。我碰巧在你的回答中发现了“=”。我以为它只限于“=”,“@”。但无论如何,再次感谢你!谢谢你的这次突然袭击,救了我的命
 <heroes data="heroes"></heroes>
 scope:{
        heroes: '=data' 
    }