コントローラー機能をui-router ui-hrefにバインドする

Question

私は角度がついていないので多分間違っています。

私は状態とリンクにはui-routerを、ユーザー認証にはパスポートを使用しています。新しいユーザーを作成してサインインしても問題はありませんが、ユーザーがサインアウトできるようにリンクを作成したいと考えています。

私のコントローラからui-hrefリンクに関数をバインドする方法はありますか？たとえば ：

州のルート

.state('usersignout', { 
     url: '/users/signout', 
     templateUrl: '/views/users/usuarios-signout.html', 
     controller: 'UsersSignController', 
     controllerAs: 'signCtrl' 
    }); 

コントローラ

.controller('UsersSignController', ['$http', '$state', 'Authentication', 
    function($http, $state, Authentication) { 
     this.logoutUser = function() { 
     $http({ 
      // call my endpoint to do a passport's logout 
      method: "GET", 
      url: "/api/users/signout" 
      }) 
      .then((response) => { 
       //successCallback 
       Authentication.setUser(null); 
       $state.go('home'); 
      }, 
      (response) => { 
       //errorCallback 
       $state.go('error', { 
       errorDetails: response 
       }); 
      }); 
     }; 
    } 
    ]) 

HTML

（これは、それがusersignoutに縛らコントローラを拘束するものではないですが、機能していません）

<a ui-sref="usersignout" ng-click="signCtrl.logoutUser()">Close Session</a> 

Answer 1

あなたは、単に

.controller('UsersSignController', ['$http', '$state', 'Authentication', 
    function ($http, $state, Authentication) { 
     $http({ 
      // call my endpoint to do a passport's logout 
      method: "GET", 
      url: "/api/users/signout" 
     }).then((response) => { 
       //successCallback 
       Authentication.setUser(null); 
       $state.go('home'); 
      }, 
      (response) => { 
       //errorCallback 
       $state.go('error', { 
        errorDetails: response 
       }); 
      }); 
    } 
]); 

ログアウト要求はコントローラのインスタンスが初期化された直後に呼び出されるコントローラで関数宣言を省略することができます。

.controller('UsersSignController', ['$state', 'SomeService', 
    function ($state, SomeService) { 
     SomeService.logout 
      .then(() => { 
        $state.go('home'); 
       }, 
       (response) => { 
        //errorCallback 
        $state.go('error', { 
         errorDetails: response 
        }); 
       }); 
    } 
])