Questions tagged «2-way-object-databinding»

无法绑定到“ ngModel”，因为它不是“ input”元素的已知属性，并且没有与相应属性匹配的指令 注意：即时通讯使用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);

101 data-binding  typescript  angular  2-way-object-databinding 

我正在尝试使用react创建一个简单的表单，但是要使数据正确绑定到表单的defaultValue面临困难。 我正在寻找的行为是这样的： 当我打开页面时，“文本”输入字段应使用数据库中AwayMessage的文本填写。那就是“样本文本” 理想情况下，如果数据库中的AwayMessage没有文本，则我想在“文本”输入字段中有一个占位符。 但是，现在，我发现每次刷新页面时，“文本”输入字段均为空白。（尽管我在输入中键入的内容可以正确保存并持久保存。）我认为这是因为当AwayMessage为空对象时，输入文本字段的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", …

94 javascript  forms  reactjs  coffeescript  2-way-object-databinding