Skip to content Skip to sidebar Skip to footer
Home / Angularjs / Html / Ionic Framework

Understanding The Ionic Select

Post a Comment
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

<body ng-app="myApp" ng-controller="myCtrl">
   <h4>Select car</h4>
    <ion-list>
      <ion-item ng-click="select_item(value)" ng-repeat="(key,value) in carList"> 

      {{value.value}} 

      </ion-item>
    </ion-list><hr>
          <div style="text-align:center">
    <button class="button3" ng-click="showPopup()">ADD</button><hr>
    <button  class="button2" ng-click="homePage()">Back</button>
    <button class=" 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"