Question

单击移动设备时单击或触摸时，我需要列表标记中的静态值。如何在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) {

    })

Answer 1

我仍然不清楚你需要什么，但是将值绑定到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";
})

Answer 2

以下是使用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;
}

我的示例也称为主 - 详细模式，单击here以了解更多信息。

Answer 3

从Angular文档中查看此示例：

https://docs.angularjs.org/api/ng/directive/ngValue#example

如何从List（AngularJS）获取ng值

3 个答案:

HTML：

的JavaScript