温泉对话对父范围的访问权限有限

Question

我正在寻找有关使用 onsen-ui 的对话框组件的帮助。 这似乎是一个范围问题。

在我的 HTML 文件中，我有一个对话框模板，如下所示。

<ons-template id="report.html">
  <ons-dialog var="dlg" cancelable>
      <h1>{{clicked.name}}</h1>
      <ons-button onclick="clickButton()">Click</ons-button>
  </ons-dialog>
</ons-template>

在我的控制器中，我有

$scope.clickButton = function(){
    dlg.hide();
}
$scope.dialogs = {};

$scope.show = function(dlg) {
    $scope.clicked = {'name':"bar"};
    if (!$scope.dialogs[dlg]) {
      ons.createDialog(dlg, {parentScope: $scope}).then(function(dialog) {
        $scope.dialogs[dlg] = dialog;
        dialog.show();
      });
    } else {
      $scope.dialogs[dlg].show();
    }
}

奇怪的是，我可以在对话框范围内访问“单击”，但不能访问“reportButton”，它们在同一范围内，或者至少我可以分辨出来。

这是codepen链接

提前致谢！

Answer 1

要从控制器范围调用该函数，您应该使用ng-click而不是onclick 。

<ons-button ng-click="reportButton()">click</ons-button>

工作代码笔