绑定多个输入模型

时间:2015-07-20 11:39:00

标签: javascript angularjs

我试图以这种方式绑定ng模型:

      <md-list-item ng-repeat="reply in replies">
        <md-input-container flex style="margin-top:-7px;" ng-show="replyLink">
          <label>Your reply ...</label>
          <input ng-model="replyMsg" ng-enter="addReply(reply.id)">
        </md-input-container>
      </md-list-item>

从另一方面来说:

 $scope.replyMsg...

使用此功能,当我更改一个ng-model的值并记录replyMsg的内容时,我得到undefined作为输出消息。我该如何解决这个问题?

我已尝试将其设为ng-model="replyMsg{{$index}}",但是,我无法找到如何使用$ scope在另一方处理此模型名称。

有什么好的建议吗?

2 个答案:

答案 0 :(得分:1)

你可以这样做。每个回复都将包含他们的回复msz。

<md-list-item ng-repeat="reply in replies">
        <md-input-container flex style="margin-top:-7px;" ng-show="replyLink">
          <label>Your reply ...</label>
          <input ng-model="reply.replyMsg" ng-enter="addReply(reply.id)">
        </md-input-container>
      </md-list-item>

答案 1 :(得分:0)

我做了一个简单的追求者,希望这会有所帮助。

`http://plnkr.co/edit/OUqh5l1omH9Tgv6xAyBO?p=preview`