2015年6月4日木曜日

AngularJSで、フォームのディフォルト値「ng-init」

AngularJSで、フォームのディフォルト値「ng-init」です。なんで表示されないのか、しばらく悩んでしまいました(笑)。「ng-init="inquiry.username='{{username}}'"」といった具合に、指定する必要があるんですね。

<input type="text" name="username" ng-model="inquiry.username" value="{{username}}" ng-init="inquiry.username='{{username}}'" required ng-minlength="2" ng-maxlength="20">

<input type="email" name="email" ng-model="inquiry.email" value="{{email}}" ng-init="inquiry.email='{{email}}'"  required>

<textarea name="message" ng-model="inquiry.message" ng-init="inquiry.message='{{message}}'" required ng-minlength="10" ng-maxlength="200">{{message}}</textarea>

実際に設定してみたサイトがこちら

参考サイト
Angular.jsでvalue="初期値"を使いたいときは、ng-initを使いましょう(コロタエンヂニアリングさん)
Value attribute on an input text box is ignored when there is a ng-model used?(Stack Overflow)

0 件のコメント:

コメントを投稿