Understanding The Ionic Select
Im trying to use ionic list to display a set of cars, when the particular car is selected it should display a small description of it and also editable. Here Im unable to display t
Solution 1:
Changes in Index.html
<bodyng-app="myApp"ng-controller="myCtrl"><h4>Select car</h4><ion-list><ion-itemng-click="select_item(value)"ng-repeat="(key,value) in carList">
{{value.value}}
</ion-item></ion-list><hr><divstyle="text-align:center"><buttonclass="button3"ng-click="showPopup()">ADD</button><hr><buttonclass="button2"ng-click="homePage()">Back</button><buttonclass=" button2"ng-click="deleteSelected()">Delete</button></div><div>{{description}}</div><!--{{couponTitle}} {{couponDescribe}} {{validFrom}} {{validTo}} --></body>
In your js
var car=angular.module('myApp',[]);
car.controller('myCtrl', ['$scope', function ($scope) {
$scope.homePage = function () {
window.location = "#/menu.html"
}
// $scope.description = '';$scope.selectedItem = 'select';
$scope.items=[];
$scope.carList = [{ value: "Honda", description: "Its honda" },
{ value: "Toyota", description: "Its Toyota" },
{ value: "BMW", description: "Its BMW" }];
//$scope.carList=['Bmw','Mercedes','Honda'];$scope.select_item = function (key) {
$scope.description=key.description;
}
}]);
Thanks (Y)
Post a Comment for "Understanding The Ionic Select"