タグ付けされた質問 「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