关于textarea问题的ng-model在角度?

时间:2014-12-19 09:57:10

标签: angularjs forms

我正在尝试做一件简单的事情,但由于某些原因它似乎不起作用......

<textarea name="description" ng-model='model.feed.description' class='text-area-input-style' ng-maxlength='6' ng-required='true'>
{{model.feed.description}}
</textarea>

无论我做什么,我都看不到textarea中的文字......

仅当我从textarea标签中排除ng-model时:

  <textarea name="description" class='text-area-input-style' ng-maxlength='6' ng-required='true'>
    {{model.feed.description}}
    </textarea>

我可以看到我的模型的文字,但这不是我想要的行为......这里的问题是什么?

1 个答案:

答案 0 :(得分:3)

有两件事情浮现在脑海中。如何绑定以及您的描述可能很长的事实。

就像richardtz在评论中所说,你只需要ng-model,用{{}}将值直接插入textarea并不是你想要的。 ng-model将字段绑定到模型,以便显示初始值,并在用户更改时更新。仅在第二个示例中执行{{}}只会在那里插入值,而不是创建绑定。

其次,如果值太长,ng-maxlength将阻止您。如果model.feed.description超过6个字符,则不会显示,但这仅适用于使用像ng-model这样的数据集,而不是仅在插入值时。这可能是它在第二种情况下工作的原因。