javascript - 使用 ng-click 从 Controller 调用函数到我的 View

Question

我有这两个按钮。

 <div class="btn-group" ng-init="showData = 1">
     <button ng-model="showData" type="button" ng-class='{"btn btn-primary": showData == 1, "btn btn-white": showData != 1}' ng-click="showData = 1">Headline</button>
     <button ng-click="eventDescription()" ng-model="showData" type="button" ng-class='{"btn btn-primary":showData == 2, "btn btn-white": showData != 2}'  ng-click="showData = 2">Summary</button>
 </div>

在我的 Controller 中，我有一个调用 WS 的函数，在控制台中我打印一条消息只是为了确保它正常工作并且我能够看到它， 我的功能是这样的:

$scope.eventDescription = function () {

   some code goes here

    console.log("Service OK")

}

函数代码不相关，因此我没有添加代码

问题是，当我单击按钮切换到该 View 时，没有任何反应，我无法切换到该 View ，因此如果我使用 ng-click，我不会明白出了什么问题。

也许我错过了一些东西，但我对 Angular 还很陌生。

我也认为这是相关的，具体取决于我调用不同指令的按钮选择(我在它们上渲染一些 HTML)，如下所示:

  <head-line-view ng-show="showData == 1"></head-line-view>
  <summary-view ng-show="showData == 2"></summary-view>

Answer 1

按钮标签中有 2 个 ng-click 属性，试试这个

 <button ng-click="eventDescription();showData = 2" ng-model="showData" type="button" ng-class='{"btn btn-primary":showData == 2, "btn btn-white": showData != 2}'>Summary</button>