Skip to content Skip to sidebar Skip to footer

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"