获取双向数据绑定的数据

Question

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

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

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

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有些事情发生了变化。