Javascript 离子输入不工作,但输入不工作
以下代码用于在列表中允许多个输入:Javascript 离子输入不工作,但输入不工作,javascript,angularjs,ionic-framework,Javascript,Angularjs,Ionic Framework,以下代码用于在列表中允许多个输入: <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-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>
可以单击列表中的每个项目并输入字符串。但是当我将
替换为
(我想我应该这样做)时,这些项不再允许字符串输入,它们只是在单击时闪烁。如何解决这个问题?有两个版本的ionic可用,分别是ionic v1
和ionic v2
。从您的控制器代码来看,我相信您正在使用ionic v1
,但您正在查看ionic v2
文档以进行实现
请注意,离子标签
和离子输入
是在离子v2
中引入的组件。因此,ioninput
在您的ionic v1
代码中不起作用是完全有道理的
在ionic v1
中实现标签和输入的标准方法如下,您可以在
有两个版本的爱奥尼亚可用,分别是
爱奥尼亚v1
和爱奥尼亚v2
。从您的控制器代码来看,我相信您正在使用ionic v1
,但您正在查看ionic v2
文档以进行实现
请注意,离子标签
和离子输入
是在离子v2
中引入的组件。因此,ioninput
在您的ionic v1
代码中不起作用是完全有道理的
在ionic v1
中实现标签和输入的标准方法如下,您可以在
angular.module('ionicApp', ['ionic'])
.controller('MyCtrl', function($scope) {
$scope.players = [{name:'Bart'},{name:'Lisa'}];
});
<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>