Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/476.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何从列表中获取ng值(AngularJS)_Javascript_Angularjs_Ionic Framework - Fatal编程技术网

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

Javascript 如何从列表中获取ng值(AngularJS),javascript,angularjs,ionic-framework,Javascript,Angularjs,Ionic Framework,我需要一个静态值从列表标签时,点击或触摸移动单独。如何在angularjs中获得它 <ion-list ng-controller="MyCtrl"> <ion-item menu-close ng-value="apple"> Apple </ion-item> <ion-item menu-close ng-value="orange">

我需要一个静态值从列表标签时,点击或触摸移动单独。如何在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>

我仍然不清楚您需要什么,但要将值绑定到HTML,只需填充范围并使用它:

HTML:


我仍然不清楚您需要什么,但要将值绑定到HTML,只需填充范围并使用它:

HTML:


下面是一个使用href的工作示例:


以下是使用ng click的工作示例:

这些例子是动态的,但你会明白重点。第二个例子在你的例子中更好

这就是您想要做的:

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

以下是使用href的工作示例:


以下是使用ng click的工作示例:

这些例子是动态的,但你会明白重点。第二个例子在你的例子中更好

这就是您想要做的:

HTML:
我的示例也称为“主-细节模式”,单击以了解更多信息。

请从角度文档中查看此示例:


从角度文档中查看此示例:


不清楚您需要什么,可能应该是
{{apple}
不清楚您需要什么,可能应该是
{apple}
.controller('MyCtrl', function($scope) {

    })
<ion-list ng-controller="MyCtrl">
   <ion-item menu-close>{{apple}}</ion-item>
<ion-list>
.controller('MyCtrl', function($scope) {
      $scope.apple = "This is an apple";
})
<ion-item menu-close ng-click="someFunction('apple')">
    Apple
</ion-item>
<ion-item menu-close ng-click="someFunction('orange')">
    Apple
</ion-item>
// We must use .dot notation with Ionic 
$scope.fruit = {
    selected : ''
};

$scope.someFunction= function(id) { 
    console.log(id); // Will print apple
    $scope.fruit.selected = id;
}