如何使用 Angular Js 在单个文本框中显示数组值？

Question

我正在显示从数据库中获取的值列表。它的属性之一是数组。我使用 table 处理它，如下所示，

<tr>
  <td>{{movId}}</td>
  <td>{{movtitle}}</td>
  <td>
    <ul>
      <li ng-repeat="mem in mov.cast>{{mem}}</li>
    </ul>
  </td>
</tr>

但我已将其更改为显示在文本框中而不是 table 以便我可以如下编辑，

<input type="text" ng-value="movId">
<input type="text" ng-value="movtitle">

我不知道如何在文本框中显示数组属性("Cast")

如何做到这一点...希望这是可能的...如果没有任何改变的方式来处理它？？

Answer 1

您可以使用 ng-model:

<input type="text" ng-value="movie.movTitle" ng-model="movie.movTitle"/>

我不知道你的数据是如何构造的，但你可以这样做：

$scope.movies = [
    {
        movId:1234,
        movTitle:'gone with the wind',
        cast:[
            'bill',
            'ben',
            'bart'
       ]
    }
]

HTML:

<table ng-repeat="movie in movies">
  <tr>
      <td>
          <input type="text" ng-value="movId" ng-model="movie.movId"/>
      </td>
      <td>
          <input type="text" ng-value="movie.movTitle" ng-model="movie.movTitle"/>
      </td>
  </tr>
  <tr>
      <td ng-repeat="item in movie.cast">
          <input type="text" ng-value="item" ng-model="item"/>
      </td>
  </tr>

</table>

Demo

如何使用 Angular Js 在单个文本框中显示数组值？

How can i display Array values in a single text box using Angular Js?

html

angularjs

angularjs-ng-repeat