Question

以下代码适用于允许列表中的多个输入：

<ion-content>
  <ion-list>
    <ion-item ng-repeat="player in players">
        <ion-label>Player {{$index+1}}</ion-label>
        <input type="text" ng-model="player.name"></input>

    </ion-item>
  </ion-list>

</ion-content>

在js

angular.module('ionicApp', ['ionic'])

.controller('MyCtrl', function($scope) {
 $scope.players = [{name:'Bart'},{name:'Lisa'}];

});

可以单击列表中的每个项目并输入一个字符串。但是当我用<input>替换<ion-input>时（我认为我应该这样），这些项目不再允许字符串输入，它们只是在点击时闪烁。怎么能修好？

Answer 1

有两种版本的离子可用，分别为ionic v1和ionic v2。从您的控制器代码来看，我相信您使用的是ionic v1，但您正在查看ionic v2文档以供实施。

请注意ion-label和ion-input是ionic v2中引入的组件。因此，ion-input代码中ionic v1不起作用是完全有道理的。

在ionic v1中实施标签和输入的标准方法如下，您可以在Ionic v1 official documentation

中找到

<div class="list">
  <label class="item item-input">
    <input type="text" placeholder="First Name">
  </label>
  <label class="item item-input">
    <input type="text" placeholder="Last Name">
  </label>
  <label class="item item-input">
    <textarea placeholder="Comments"></textarea>
  </label>
</div>

离子输入不起作用但输入没有

1 个答案: