イオン入力が

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

利用可能なイオンは2種類あり、ionic v1とionic v2です。あなたのコントローラコードを見ると、ionic v1が使用されていると思われますが、実装についてはionic v2のドキュメントを参照してください。

ion-labelおよびion-inputは、ionic v2で導入されたコンポーネントであることに注意してください。したがって、あなたのionic v1コードではion-inputが機能しないことは間違いありません。

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> 

で見つけることができ、次の通りであります