在ng-repeat指令中预填充输入文本

angularjs Prepopulate input text inside ng-repeat directive

本文关键字：填充 输入 文本 ng-repeat 指令      更新时间：2023-09-26

我们有输入文本显示与预填充值。我们正在使用列表使用ng-repeat指令

 <ul ng-repeat="post in postList>
   <input type="text" ng-model="postid" nginit="postid='{{post.id}}'"></input>
 </ul>

这个问题AngularJS - Value属性的输入文本框被忽略，当有一个ng-model使用?告诉如何预填充输入文本。但不知何故，我们发现很难在动态列表内部使用。我们能这样做吗，还是有更好的办法?

当我们这段代码，我们没有得到任何值在文本框，但在检查在chrome开发控制台的元素标签;我们可以看到值正在更新，但不在文本框中。

为什么不直接绑定post.id呢?如果它有一个值，它将把它绑定到文本框的value属性。

还要确保使用了正确的标记(输入标记)和正确的指令(ng-init)。我很确定我不想重复ul标签，而是重复它里面的项目。

<ul>
    <li ng-repeat="post in postList">
        <input type="text" ng-model="post.id"></input>
    </li>
</ul>
相关文章：