폴리머 다트 애트리뷰트가 폴리머 표현식에 바인드 된 경우 코어 입력 유효성 검사가 작동하지 않습니다.

Question

이상한 문제가 있습니다. 내 사용자 정의 폴리머 요소에 코어 입력 요소가 있습니다. 필요한대로 설정 했으므로 비어있는 경우 잘못된 특성이 true입니다. 또한 다중 선을 원하기 때문에 다중 선 속성을 true로 설정하고 잘 동작합니다.

바인딩 식을 통해 속성 multiline을 true로 설정하면 유효성 검사가 중단됩니다. 여기

HTML 코드 :

<link rel="import" href="../../packages/polymer/polymer.html"> 
    <link rel="import" href="../../packages/core_elements/core_input.html"> 

    <polymer-element name="main-app"> 
     <template> 
     <core-input label="Type something..." required={{required}} multiline?={{multiline}} value={{input}} invalid={{invalid}}></core-input><br> 
     invalid: {{invalid}} 
     </template> 
     <script type="application/dart" src="main_app.dart"></script> 
    </polymer-element> 

그리고 다트 코드 :

import 'package:polymer/polymer.dart'; 

@CustomTag('main-app') 
class MainApp extends PolymerElement { 
    @observable String input = '123'; 
    @observable bool required = true; 
    @observable bool multiline = true; 
    @observable bool invalid; 

    MainApp.created() : super.created(); 

} 

내가 잘못된 방법으로 여러 속성을 바인딩 있습니까?

Answer 1

요소가 초기화 된 후 단일 및 다중 행간에 전환하는 것이 지원되지 않습니다. 그 외에도이 기능이 완전히 제거 될 것으로 보인다. 이 <input>을 나오도록 https://github.com/Polymer/core-input/commit/e185e5bbc6f623c3869e441843dc156c04405ad0

https://github.com/Polymer/core-input/issues/44

core-input

• 이 변경되었습니다 당신이 여러 줄을 사용하려면 대신 <textarea>을 사용해야합니다.

  이것은 17 일 전에 커밋되었습니다. Polymer.js 용 문서는 아직 이러한 변경 사항을 반영하지 않습니다.