離子輸入不工作，但輸入不

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> 

找到