如何将实际对象（即对对象的引用）传递给指令？

Question

在我的角度的应用程序，我有几个嵌套的NG-重复通过一些预期的JSON对象来分析，例如：

 { 
     landAnimals: { 
       horse: { 
        sound: "Nay", 
        legs: 4, 
       }, 
       beaver: { 
        sound: "thwack", 
        legs: 2 
       } 
     }, 
     waterAnimals: { 
       dolphin: { 
        sound: "Eee", 
        fins: 3, 
       }, 
       goldfish: { 
        sound: "-", 
        fins: 1 
       } 
     } 

    } 

在一个点上，我想要做的就是通过动物类我指令和另一个动物对象。

例如，如果用户将其他动物拖入我的应用中生成的列表中，我想添加他拖入上述JSON中的动物。

要做到这一点，我试图将动物对象传递给指令，然后添加新的动物。

例如：

<div ng-repeat="animalCategory in animals on-drop-success='animalCategory'"> 
    <div ng-repeat="(key, value) in animalCategory"> 
     {{key}} 
    </div> 
</div> 

，然后在我的onDropSuccess指令，在link功能，我想 （不要担心，我怎么做的拖放，它不工作，甚至这个简单的测试）

... 
link: function (scope, element, attrs) { 
    attrs.onDropSuccess["newAnimal"] = {sound: "miy", legs: 2}; 
... 

总之，我想给animalCategory对象传递给我的指令，这样我可以在它添加更多的对象。但它不起作用。它不会添加对象，即使我手动提供一个天真的对象（即它与拖动实施无关）

任何想法为什么会发生这种情况？

Answer 1

此刻，您并未引用实际对象，只会返回字符串的attrs构造上的属性。

有几种方法可以在实际参考中使用。

使用scope.$eval

//Target object will be pulled in if it exists on the scope 
// this will not work if you are using Isolate Scope 
var targetObject = scope.$eval(attrs.onDropSuccess); 

上Isolate Scope

可以在参数代入指令拉使用=参数通过使用该指令定义scope财产隔离范围。

{ 
    scope:{ 
    onDropSuccess: '=' 
    } 
    link: function(scope, elem, attrs){ 
    //Basically same as above, except that they 
    // are pulled from the parent scope 
    var targetObject = scope.onDropSuccess; 
    } 
}