组件的“ Ember简单身份验证” invalidateSession

Question

Trying to execute this code within a component's template

// components/my-component.js
{{#if session.isAuthenticated}}
  <a {{action 'invalidateSession'}}>Sign out</a>
{{else}}
  {{#link-to 'signin'}}Sign in{{/link-to}}
{{/if}}

However, when clicking "Sign out" button I get this error

Error: <...@component:my-component::ember381> had no action handler for: invalidateSession

How do I make "invalidateSession" available from a component?

Answer 1

You can just implement your own invalidateSession action:

actions: {
  invalidateSession: function() {
    this.get('session').invalidate();
  }
}

or simply forward the action from the component to the route:

{{my-component invalidateSession='invalidateSession'}}

Answer 2

You need to add the Simple Auth ApplicationRouteMixin to your ApplicationRoute . For example if you are using ES6 modules do

import ApplicationRouteMixin from 'simple-auth/mixins/application-route-mixin';

ApplicationRoute = Ember.Route.extend ApplicationRouteMixin,

The action should bubble up to the application route, where it will be handled.

See the documentation here