คำถามติดแท็ก 2-way-object-databinding

10
การผูกสองทางเชิงมุม 2 โดยใช้ ngModel ไม่ทำงาน
ไม่สามารถเชื่อมโยงกับ 'ngModel' เนื่องจากไม่ใช่คุณสมบัติที่ทราบขององค์ประกอบ 'อินพุต' และไม่มีคำสั่งที่ตรงกันกับคุณสมบัติที่เกี่ยวข้อง หมายเหตุ: ฉันใช้ alpha.31 import { Component, View, bootstrap } from 'angular2/angular2' @Component({ selector: 'data-bind' }) @View({ template:` <input id="name" type="text" [ng-model]="name" (ng-model)="name = $event" /> {{ name }} ` }) class DataBinding { name: string; constructor(){ this.name = 'Jose'; } } bootstrap(DataBinding);

5
ตอบสนองอินพุต defaultValue ไม่อัปเดตตามสถานะ
ฉันกำลังพยายามสร้างแบบฟอร์มง่ายๆด้วยการตอบสนอง แต่ประสบปัญหาในการทำให้ข้อมูลเชื่อมโยงกับ defaultValue ของฟอร์มอย่างถูกต้อง พฤติกรรมที่ฉันกำลังมองหาคือ: เมื่อฉันเปิดหน้าของฉันช่องป้อนข้อความควรจะเต็มไปด้วยข้อความ AwayMessage ของฉันในฐานข้อมูลของฉัน นั่นคือ "ข้อความตัวอย่าง" ตามหลักการแล้วฉันต้องการมีตัวยึดตำแหน่งในช่องป้อนข้อความหาก AwayMessage ในฐานข้อมูลของฉันไม่มีข้อความ อย่างไรก็ตามตอนนี้ฉันพบว่าช่องป้อนข้อความว่างทุกครั้งที่รีเฟรชหน้า (แม้ว่าสิ่งที่ฉันพิมพ์ลงในอินพุตจะบันทึกอย่างถูกต้องและคงอยู่) ฉันคิดว่านี่เป็นเพราะ html ของฟิลด์ข้อความอินพุตโหลดขึ้นเมื่อ AwayMessage เป็นวัตถุว่างเปล่า แต่จะไม่รีเฟรชเมื่อโหลด awayMessage นอกจากนี้ฉันไม่สามารถระบุค่าเริ่มต้นสำหรับฟิลด์ได้ ฉันลบรหัสบางส่วนออกเพื่อความชัดเจน (เช่น onToggleChange) window.Pages ||= {} Pages.AwayMessages = React.createClass getInitialState: -> App.API.fetchAwayMessage (data) => @setState awayMessage:data.away_message {awayMessage: {}} onTextChange: (event) -> console.log "VALUE", event.target.value onSubmit: (e) -> …
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.