ember：TypeError：未定義のプロパティ 'set'を読み取ることができません

Question

userSessionStorageに値を設定しようとしていますが、authenticate（）関数からアクセスしているときに正しく動作しているようです。

ただし、.then（）約束では機能しません。

アプリ/コントローラ/ show.js

import Ember from 'ember'; 
import { storageFor } from 'ember-local-storage'; 

export default Ember.Controller.extend({ 
    session: Ember.inject.service('session'), 

    userSessionStorage: storageFor('user'), 

    authenticator: 'authenticator:custom', 

    actions: { 
    authenticate: function() { 
     var credentials = this.getProperties('identification', 'password'); 
     // ok 
     this.set('userSessionStorage.username', credentials.identification); 

     this.get('session').authenticate('authenticator:custom', credentials) 
     .then(function(){ 

      // error: TypeError: Cannot read property 'set' of undefined 
      this.set('userSessionStorage.username', credentials.identification); 

     }) 
     .catch((message) => { 
      console.log("message: " + message); 

      this.controller.set('loginFailed', true); 
     }); 
    } 
    } 
}); 

Answer 1

あなたがする必要があるすべては次の行を変更している次のように脂肪の矢印表記を使用する

this.get('session').authenticate('authenticator:custom', credentials) 
     .then(function(){....} 

を：

this.get('session').authenticate('authenticator:custom', credentials) 
     .then(()=>{....} 

したがって、約束コンテキスト内のthisコンテキストがコントローラになります。 ES6矢印機能の詳細については、followingを参照してください。

Answer 2

それは、私自身のコードに基づいているので、あなたはそれを適応させる必要がある場合があります。しかし、あなたのオーセンティケータに、あなたのauthenticate機能は次のようになります。

# authenticator 

authenticate(credentials) { 
    const { identification, password } = credentials; 
    const data = JSON.stringify({ 
    auth: { 
     email: identification, 
     password 
    } 
    }); 

    const requestOptions = { 
    url: this.tokenEndpoint, 
    type: 'POST', 
    data, 
    contentType: 'application/json', 
    dataType: 'json' 
    }; 

    return new Promise((resolve, reject) => { 
    ajax(requestOptions).then((response) => { 
     // Set your session here 
    }, (error) => { 
     run(() => { 
     reject(error); 
     }); 
    }); 
    }); 
},