angularjs - 将对象传递给自定义指令而不创建观察者？

Question

我创建了一个自定义指令（“可重用组件”），它通过绑定到通过 HTML 参数传递给它的两个对象来创建一个隔离范围。这个问题很快就出现了，因为我的文档中有多达 600 个这样的组件，这导致了 1200 个观察者和较差的性能。我不需要这些观察者，只需要某种形式的“绑定一次”——传递对象时的功能。有没有办法完成这个（或解决方法），还是我需要重新设计我的代码？

（将数据作为一个或多个字符串而不是对象传递是一个非常不受欢迎的选择。）

Answer 1

您应该使用单向绑定：

scope : {
    myField: '&'
    ....
}

并在指令中使用：

<my-directive my-field="::myDataObjectFromScope"></my-directive>

也许这会有所帮助

但是如果值是不变的，您应该使用服务将您的数据与业务逻辑分开

Answer 2

您可以手动评估对象，而无需使用 Angular 指令范围绑定。假设您有一个指令some-component，并且您想在其中传递一个config对象，以保留隔离的指令范围。你可以这样做：

<some-component config="controller.config"></some-component>

然后指令可能如下所示：

.directive('someComponent', function() {
  return {
    scope: {
      // some bindings, but not config
    },
    link: function(scope, element, attrs) {
      var config = scope.$parent.$eval(attrs.config)
      console.log(config)
    }
  }
})

$parent这里是必要的，因为指令范围是孤立的，并且您希望获得在外部（父）范围中定义的对象。

尝试一下，看看它是否对您的设置有影响。