使用Angular JS和Ionic从选择列表中获取所选选项。

12 浏览
0 Comments

使用Angular JS和Ionic从选择列表中获取所选选项。

我在angular Js中遇到了一些select问题，我搜索了很多并找到了一些解决方案，但是不起作用。

我有一个Json结构，像从我的service.php生成的那样。

[
    {
        "Name": "Name1",
        "Variante": [
            {
                "Prix": "79.00",
                "Name": "20 Piéces"
            }
        ],
        "Description": "",
        "main_image": "images/products/DSC_0192.jpg"
    },
    {
        "Name": "NAME2",
        "Variante": [
            {
                "Prix": "39.00",
                "Name": "250g"
            },
            {
                "Prix": "60.00",
                "Name": "500g"
            }
        ],
    "Description": "",
    "main_image": "images/products/DSC_0125.jpg"
    }
]

这是我的controller.js。

.controller('productsCtrl', function($scope, $http, $stateParams) {
    $http.get('service.php')
    .success(function (response) {
        $scope.products = response;
    });
});

这是我的products.html。

{{product.Name}}

 

{{product.Variante[0].Name}}

 

{{selectedItem.Prix}}

 

{{product.Variante[0].Prix}}

 

如果我有多个Variante，我希望能够在更改选择框时更改价格（Prix）值。但它不起作用。

需要任何帮助！谢谢！

admin 更改状态以发布 2023年5月22日
0

2 答案

0 Comments

使用ng-show也可以，但是如果你正在处理ng-model的点规则，你也可以使用ng-if。

如果将selectedItem添加到product对象中，你的具有ng-if的标记将按预期工作。你的

{{product.Variante[0].Name}}

{{product.selectedItem.Prix | currency}}

{{product.Variante[0].Prix | currency}}

0
0 Comments

你遇到的问题是由于ng-if引起的。它会创建一个独立的作用域，使用ng-show替代它，因为它使用相同的作用域，你的代码应该可以完美地运行。

0