Tag: 2 way object databinding

React input defaultValue不会更新状态

我试图创build一个简单的forms与反应，但面临困难的数据正确地绑定到窗体的defaultValue。 我正在寻找的行为是这样的： 当我打开我的页面时，文本input字段应填入我的数据库中的AwayMessage文本。 这是“示例文本” 理想情况下，如果我的数据库中的AwayMessage没有文本，我想在文本input字段中有一个占位符。 但是，现在，我发现每次刷新页面时，文本input字段都是空白的。 （虽然我input的input确实保存并保持。）我认为这是因为input文本字段的html加载时，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) -> window.a = @ e.preventDefault() awayMessage = {} awayMessage["master_toggle"]=@refs["master_toggle"].getDOMNode().checked console.log "value of text", @refs["text"].getDOMNode().value awayMessage["text"]=@refs["text"].getDOMNode().value @awayMessage(awayMessage) awayMessage: (awayMessage)-> console.log "I'm saving", awayMessage App.API.saveAwayMessage […]

angular2：错误：TypeError：无法读取未定义的属性“…”

我已经附上了我的angular2代码块的重拳。 我想打印从我的JSON字段，但无法打印，因为最初我的对象为空，它正在通过承诺填充。 这是我的组件文件 import {Component, NgModule, OnInit} from '@angular/core' import {BrowserModule} from '@angular/platform-browser' class MyData { xyz : MySubData; } class MySubData { name : string; } @Component({ selector: 'my-app', template: ` <div> <h2>Hello {{name}}</h2> {{abc.xyz.name}} </div> `, }) export class App implements OnInit { abc : MyData = null; constructor() { this.name = 'Angular2' […]