javascript - 获取双向数据绑定(bind)的数据

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 某些内容已发生变化。