javascript - 来自 ng-repeat 的 ng-init

Question

我有一个产品列表，你可以看到 JSON :

var panier =
    {
        "Client": "Ben",
        "Date":"",
        "Produits": [
            {
                "Id": "188", 
                "Name":"Name1",
                "Qte": "5", 
                "Variante": 
                "20 Pcs",
                "Prix" :"149.00"
            },
            {
                "Id": "231",
                "Name":"Name2",
                "Qte": "2", 
                "Variante": "7 encas de 35g",
                "Prix" :"109.00"
            },
            {
                "Id": "232", 
                "Name":"Name3",
                "Qte": "7", 
                "Variante": "10 pieces",
                "Prix" :"99.00"
            }
        ]
    };

我用 ionic 做了一个列表来检索产品，一切正常。

当我这样做时，在列表项目内部(例如第一个项目)Qte = {{product.Qte}} 它给了我 Qte = 5

但是当我想将数量放在一个选择上时，它不适用于 ng-init :

<select 
    ng-model="selectedQte"
    ng-init="selectedQte = {{product.Qte}}"
    ng-options="selectedQte for selectedQte in range('10')"
    ng-change="product.Qte = selectedQte">
</select>

我试过了:

ng-init="selectedQte = product.Qte"

和:

ng-init="selectedQte = {{product.Qte}}"

但是没有任何反应。当我尝试过时:

ng-init="selectedQte = 3"

我的 3 个选择中有一个 3。

但我希望第一个为 5，第二个为 2，第三个为 7。

需要任何帮助，谢谢!

Answer 1

看起来问题出在 JSON 中 Qte 的 dataType 是 string 和 array为范围创建的是 number 的序列。您需要将来自响应的 JSON 转换为 number 而不是 string 即可。您可以直接将 Product.Qte 绑定(bind)到您的 ng-model。

标记

<select ng-model="product.Qte"
    ng-options="selectedQte for selectedQte in range('10')">
</select>