如何選擇和顯示項目從離子列表

嗨我試圖創建一個號碼列表使用離子列表。我試圖從列表中顯示選定的數字，例如，如果選擇第二個數字，輸出應該是您已經選擇了數字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你。

來源

2016-10-03 jazzoria

你如何顯示你的輸出？也請提供一些相關的代碼。謝謝 –

@Ujjwalkaushik我附上了一個示例代碼。如果有什麼不對，請糾正我，因爲我是新來的離子，並努力把事情做好。 – jazzoria

@jazzoria - 請發佈您的Config.js文件以檢查您用於頁面的哪種類型的路由，然後我只能提供解決方案 – Ajinkya

有種種失誤，改變你的HTML

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

然後在你的控制器

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

你用錯誤的函數名，你不能在使用{{item.value}}您JS。希望這可以幫助你（y）

來源

2016-10-03 06:17:51

如何選擇和顯示項目從離子列表

回答

相關問題