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

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官方文档中找到

<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>