2016-10-03 12 views
0

こんにちは、イオンリストを使用して番号リストを作成しようとしています。リストから選択した番号を表示しようとしています。たとえば、番号2が選択されている場合、出力は番号2を選択したはずです。リストから選択した番号を表示するのが難しくなります。 image sampleイオンリストから項目を選択して表示する方法

htmlコード:

 <ion-list> 
     <ion-item ng-repeat="(key,item) in Number"> 
     < div ng-click="select-item(key)"> 
     {{item.value}}</button> 

コントローラ:何かが間違っている

$scope.description = ''; 
    $scope.selectedItem = 'select'; 
    $scope.Number=['1','2','3','4','5']; 
    $scope.select_item = function (key) { 
    if ($scope.carList[key]) { 
     $scope.carList[key].selected = true; 
     { { item.value } } 
    } 

場合me.Thankあなたを修正してください。

+0

どのように出力を表示しますか?また、これに関連するコードをいくつか提供してください。お気軽に –

+0

@Ujjwalkaushikサンプルコードを添付しました。何かが間違っていたら、私はイオンに慣れていないし、物事を正しくするのに苦労しているので、私を修正してください。 – jazzoria

+0

@jazzoria - Config.jsファイルを投稿して、ページに使用したルーティングのタイプを確認してください。 – Ajinkya

答えて

0

様々なミスはその後、あなたのコントローラ

$scope.description = ''; 
    $scope.selectedItem = 'select'; 
    $scope.Number=['1','2','3','4','5']; 
    $scope.select_item = function (key) { 
    alert(key); 
    } 

であなたは間違った関数名を使用していた、とあなたはあなたの中に{{item.valueを}}を使用傾けるあなたのhtml

<ion-list> 
     <ion-item ng-click="select_item(number)" ng-repeat="number in Number"> 
     {{number}} 
     </ion-item> 
</ion-list> 

を変更、ありますjs。これがあなたに役立つことを願っています(y)

関連する問題