在UI路由器angualr.js ionic上運行功能

Question

我目前有一個UI路由器，它將用戶發送到其他html文件。 在路由用戶之前，我想運行一個簡單的驗證功能。 我該怎么做。

因此，當單擊此狀態時，我想先運行一個函數

.state('homeState', {
      url: "/home",
      templateUrl: "partials/home.html"
    })


function validate(event) {

    // body...
    alert('Validated');
}

Answer 1

請嘗試以下方法：

function validate(event) {

    // body...
    alert('Validated');

    // Than..

    $location.path("/home");

    }

    Also inject  '$location' in controller.

Answer 2

您可能要使用resolve-請參閱https://github.com/angular-ui/ui-router/wiki#resolve或$ stateChangeStart-請參閱https://github.com/angular-ui/ui-router/wiki#狀態變化事件

Answer 3

在html中，使用ng-click="validate()"代替元素上的ui-sref="homeState" ng-click="validate()"

控制器中validate（）函數的代碼：

$scope.validate = function (){
  //body....
  alert('validated');
  $state.go('homeSate');
}

不要忘記在控制器中注入$state 。