Question

我显示从DB获取的值列表。它的一个属性是数组。我用下表来处理它，

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

但是我已将其更改为显示在文本框而不是表格中，以便我可以按如下方式进行编辑，

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

我不知道如何在文本框中显示数组属性（＆＃34; Cast＆＃34;）

如何实现这一目标......希望有可能......如果没有任何改变方式来处理它？</ p>

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在单个文本框中显示数组值？

1 个答案: