为双向数据绑定获取数据

Question

为什么我无法从 onclick 方法中定义的方法访问数据？

onclick: function(d, i) {
  $scope.country = d.name;
  console.log($scope.country);
}

我想从对象中获取名称并显示在HTML <h1>Clicked: {{country}}</h1> Plunker

Answer 1

country-item 指令在其中定义了一个独立的范围。因此，您需要将其传递给 html:

中的国家/地区

<country-item country="country"></country-item>

如果您需要在点击图表栏时添加相同的行为，您必须在 onClick 回调中添加 $scope.$apply()：

onclick: function(d, i) {
    $scope.country = d.name;
    $scope.$apply();
}

摘要周期已经结束，您需要通知Angular有些事情发生了变化。

Getting data for two way data binding