javascript - AngularJS 对自定义指令的单向绑定(bind)

Question

我正在使用 AngularJS highcharts ( https://github.com/pablojim/highcharts-ng )

我有这个配置，我需要确保它只绑定(bind)一次。我查找了 AngularJS 上的单向绑定(bind)，它说如果我使用 AngularJs 1.3(我就是)，我需要使用 :: 。但我不确定如何在自定义指令上使用它。

 <highchart config="configtemp"></highchart>

我尝试过类似的方法，但不起作用

 <highchart config=":: configtemp"></highchart>

Answer 1

在这方面，自定义指令的工作方式与 Angular Directive(指令)相同。 AngularJS highcharts 有一个隔离范围，如下所示:

scope: {
    config: '=',
    disableDataWatch: '='
  },

因此它的范围将由分配给 html 中这些属性的值组成。因此

<highchart config=":: configtemp"></highchart>

意味着在指令范围内scope.config将等于::configtemp。由于您拥有 '::' ，因此 configtemp 的值不会根据您建议/预期的第一个值进行更改(更好地称为一次性绑定(bind))。 (Example of this in plunker form)。

Highcharts 确实有一些额外的逻辑，但最终它是内部配置 is derived from this attribute/scope value .

如果没有更多信息，我无法建议什么“不起作用”。