AngularJS对自定义指令的单向绑定

时间:2016-04-19 15:10:04

标签: javascript angularjs highcharts highcharts-ng

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

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

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

我尝试了类似但不起作用

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

1 个答案:

答案 0 :(得分:2)

在这方面,自定义指令与angular指令的工作方式相同。 AngularJS highcharts具有隔离范围:

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

因此它的范围将包含分配给html中这些属性的值。因此

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

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

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

如果没有进一步的信息,我不能告诉“什么不行”。