Ember를 사용하여 양식에서 자동 채워진 사용자 이름/암호를 읽는 방법

Question

바로 지금 양식에 사용자 이름과 암호가 두 개인 양식이 있습니다. 수동으로 입력 한 경우 유효성 검사 기능으로 값을 선택할 수 있습니다. 그러나 값이 broswer의 자동 완성 기능으로 채워지는 경우 Ember는 이벤트가 발생하지 않아 값을 얻을 수 없습니다. 그래서 나는 (https://stackoverflow.com/questions/22324473/browser-autofill-databinding에서)이 코드를 가지고 :

import Ember from 'ember'; 
export default Ember.TextField.reopen({ 
    triggerEvents: function() { 
    Ember.run.next(this, function() { 
     this.$().trigger("change"); 
    }); 
    }.on("didInsertElement") 
}); 

그리고 난 여전히 작동하지 않는, 어떻게 든 app.js

로 수입. 자동 완성으로 didInsertElement이 실행됩니까? 나는 잘 모르겠다.

값을 얻으려면 this.get('xxx')을 사용합니다.

에버가 자동 완성을 검색하는 더 좋은 방법이있는 경우 나는 그것에 열려있다.

Answer 1

양식 필드에 옵저버를 추가하기 만하면됩니다. 예 :

// app/components/test-form.js 
import Component from '@ember/component'; 
    export default Component.extend({ 
     isChanged: Ember.observer('login', 'password', function() { 
     this.validate(); 
     }), 
     validate() { 
     let login = this.get('login'); 
     let password = this.get('password'); 
     console.log('validate', login, password); 
     }, 
     actions: { 
     submit() { 
      console.log('submit'); 
     } 
     } 
    }); 


// app/templates/components/test-form.hbs 
<form> 
    <label>Login 
    {{input type="text" value=login change='validate' }} 
    </label> 
    <label>Password 
    {{input type="password" value=password change='validate' }} 
    </label> 
    <button {{action 'submit'}}>Click</button> 
</form> 

PS. Firefox에서만 테스트되었습니다.