ionic angularFire App Controller 在没有调用 onClick="method()" 的情况下执行

【问题标题】：ionic angularFire App Controller is executed without onClick="method()" being calledionic angularFire App Controller 在没有调用 onClick="method()" 的情况下执行
【发布时间】：2016-08-08 09:46:13
【问题描述】：

控制器在我什至可以单击 ng-cliclk="logout()" 之前就执行了，我该如何防止这种情况发生

JS：

.controller('logOutCtrl', function($scope, taskref, $state) {
  if (taskref.unauth()) {
    $state.go('tabsController.pendingTasks');
  } else {
    $state.go('login');
  }
})

模板：

<ion-list data-componentid="list5">
  <ion-item ui-sref="settings" menu-close="" data-componentid="list-item9">Settings</ion-item>
  <ion-item ui-sref="reminders" menu-close="" data-componentid="list-item10">Help &amp; Reminders</ion-item>
  <ion-item ui-sref="login" menu-close="" ng-controller="logOutCtrl" ng-cliclk="logout()" data-componentid="list-item12">Log out</ion-item>
</ion-list>

【问题讨论】：

标签： angularjs ionic-framework firebase angularfire

【解决方案1】：

Controller 也像一个函数，当我们将它与ng-controller 一起使用时会执行。所以你应该在logOutCtrl中创建$scope.logout()函数，并在该函数中添加相关的注销代码，而不是在控制器中公开编写代码。

修改后的控制器：

.controller('logOutCtrl', function($scope, taskref, $state) {
      $scope.logout = function(){
          if (taskref.unauth()) {
            $state.go('tabsController.pendingTasks');
          } else {
            $state.go('login');
          }
      }
 })

修改模板：

<ion-list data-componentid="list5">
  <ion-item ui-sref="settings" menu-close="" data-componentid="list-item9">Settings</ion-item>
  <ion-item ui-sref="reminders" menu-close="" data-componentid="list-item10">Help &amp; Reminders</ion-item>
  <ion-item ui-sref="login" menu-close="" data-componentid="list-item12">Log In</ion-item>
  <ion-item  menu-close="" ng-controller="logOutCtrl" ng-click="logout()" data-componentid="list-item12">Log out</ion-item>
</ion-list>

【讨论】：