javascript - AngularJS 在模板中创建新范围？

Question

使用 Symfony2.x，我有一个 twig 循环遍历某些数据的数据，并且我也有一个ng-repeat类似元素的继续（不同之处在于这些元素在后台加载），但两者都共享相同的功能。

我在树枝循环版本中有一些奇怪的功能，这些功能在这些版本中运行良好ng-repeat。我有一种感觉，这只是一个范围问题。

我在文档中读到ng-repeat会自动为重复的元素创建一个新的范围，但当然这不会发生在树枝循环中。

如何手动（最好只在模板中）为每个重复元素调用一个新范围？

Answer 1

最简单的方法可能是为每个元素添加一个指令。这可以在模板中完成。然后该指令可以请求新的范围（通过scope:trueor scope:{}），并且每个重复的元素都将获得一个与之关联的新范围。

您可以在元素上创建指令，例如：

<div mydirective></div>

然后在您的代码中，定义指令：

myApp.directive('mydirective',function(){
    return {
        scope: true,
        link: function(scope, elem, attrs){
            // do some scope / element stuff here
        }
    }
});