错误：this.getToken不是函数

Question

我有一个工厂，返回3个功能： setToken ， getToken ， isAuthenticated 。 前两个函数是预定义的，最后一个函数使用this.getToken调用getToken函数。

将工厂注入控制器时，然后使用ng-show调用第三个函数（ isAuthenticated() ）。 我在控制台中收到以下错误：

错误：this.getToken不是函数
.isAuthenticated @ http：// localhost：9000 / scripts / services / authtoken.js:22:16

任何人都可以帮我解决我做错的事吗？

该工厂：

'use strict';

angular.module('psJwtApp').factory('authToken', function($window) {
  //define storage
  var storage = $window.localStorage;
  var cachedToken;

  // Public API here
  return {
    setToken: function(token) {
      cachedToken = token;
      storage.setItem('userToken', token);
    },
    getToken: function() {
      if (!cachedToken) {
        cachedToken = storage.getItem('userToken');
      }
      return cachedToken;
    },
    isAuthenticated: function() {
      //return true if we get something from getToken
      return !!this.getToken();
    }
  };

});

控制者：

'use strict';

angular.module('psJwtApp').controller('HeaderCtrl', function($scope, authToken) {
    $scope.isAuthenticated = authToken.isAuthenticated;
});

风景：

  <ul class="nav navbar-nav">
    <li ui-sref-active="active">
      <a ui-sref="main">Home</a>
    </li>
    <li ng-hide="isAuthenticated()" ui-sref-active="active">
      <a ui-sref="register">Register</a>
    </li>
    <li ng-show="isAuthenticated()" ui-sref-active="active">
      <a ui-sref="logout">Logout</a>
    </li>
  </ul>

如果您觉得缺少任何信息或需要更多信息，请询问我是否会将其添加到问题中。

Answer 1

getToken是你在工厂被曝光对象的静态方法，所以你不能指其与this 。 但是你可以这样做：

'use strict';

angular.module('psJwtApp').factory('authToken', function($window) {
  //define storage
  var storage = $window.localStorage;
  var cachedToken;

  var setToken = function(token) {
    cachedToken = token;
    storage.setItem('userToken', token);
  };
  var getToken = function() {
    if (!cachedToken) {
      cachedToken = storage.getItem('userToken');
    }
    return cachedToken;
  };
  var isAuthenticated = function() {
    //return true if we get something from getToken
    return !!getToken();
  };

  // Public API here
  return {
    setToken: setToken,
    getToken: getToken,
    isAuthenticated: isAuthenticated
  };

});