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 the description of the item selected. Also please let me know how to edit the description and update it.

link here

this is the controller

car.controller('popSelect', ['$scope','$ionicPopup', function ($scope, $ionicPopup) {
   $scope.homePage = function () {
    window.location = "#/menu.html"
  }

  $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) {
    {{item.decription}}
  }
}]);

回答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)

来源：https://stackoverflow.com/questions/39825976/understanding-the-ionic-select

标签

html

angularjs

ionic-framework