如何从列表中获取ng值(AngularJS)

How to get ng-value from List (AngularJS)

本文关键字：AngularJS ng 获取 列表      更新时间：2023-09-26

我需要一个静态值从列表标签时，点击或触摸移动单独。如何在angularjs中获得它

    <ion-list ng-controller="MyCtrl">
   <ion-item menu-close ng-value="apple">
                     Apple
    </ion-item>
    <ion-item menu-close ng-value="orange">
                      Orange
    </ion-item>
    <ion-item menu-close ng-value="pineapple">
                         PineApple
    </ion-item>
    <ion-item menu-close ng-value="mango">
                   Mango
    </ion-item>
     </ion-list>

angularjs 

.controller('MyCtrl', function($scope) {
    })

下面是一个使用href: http://plnkr.co/edit/35wTi7?p=info

的工作示例

下面是使用ng-click的工作示例:http://plnkr.co/edit/NN4cWr?p=preview

这些例子是动态的，但你会明白的。对于您的情况，第二个示例要好得多。

这就是你要做的:

HTML: 

<ion-item menu-close ng-click="someFunction('apple')">
    Apple
</ion-item>
<ion-item menu-close ng-click="someFunction('orange')">
    Apple
</ion-item>
JavaScript 

// We must use .dot notation with Ionic 
$scope.fruit = {
    selected : ''
};
$scope.someFunction= function(id) { 
    console.log(id); // Will print apple
    $scope.fruit.selected = id;
}

我的例子也被称为Master-Detail模式，点击这里查看更多。

我仍然不清楚您需要什么，但是要将值绑定到HTML，只需填充作用域并使用它:

HTML: 

<ion-list ng-controller="MyCtrl">
   <ion-item menu-close>{{apple}}</ion-item>
<ion-list>

JS: 

.controller('MyCtrl', function($scope) {
      $scope.apple = "This is an apple";
})

看一下Angular文档中的这个例子:

https://docs.angularjs.org/api/ng/directive/ngValue示例

相关文章：