了解离子选择

我试图用离子列表来显示一组汽车，当选择特定的汽车时，它应该显示它的一个小的描述，也可编辑。这里我无法显示所选项目的描述。同时请让我知道如何编辑描述并更新它。了解离子选择

这是控制器

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}} 
    } 
}]);

来源

2016-10-03 sree

变化的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>

在你的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; 
    } 
}]);

感谢（Y）

来源

2016-10-03 07:08:45

我能知道为什么使用$ scope.items.push（key）?.如果我使用它，我将能够编辑描述并更新新的描述。 – sree

只是这样你可以添加多个描述并显示它们......并且还可以对它们进行特定的操作:) –

绝不会在js文件中使用{{item.decription}}这些表达式，它的html将根据您的范围变量（Y） –

了解离子选择

回答

相关问题