离子输入不工作，但输入不

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'}]; 

}); 

列表中的每一项都可以点击并输入一个字符串。但是当我用<ion-input>替换<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> 

找到