Question

如何使用Angular JS在下拉列表中填充pModel（50gm，100gm，250gm）

$scope.products=
{
"shopId" : "569df5c1d08598371e9b5ad5",
"mProId" : "569e07ccd08598371ebe5409",
"priceTag" : [
        {
            "pModel" : "50gm",
            "priceTagId" : 1,

        },
        {
            "pModel" : "100gm",
            "priceTagId" : 2,

        },
        {
            "pModel" : "250gm",
            "priceTagId" : 3,

        }
    ]
}

我正在这样做。我不知道它会如何填充。请帮助我填充这个。这是我的代码

<select class="form-control" id="pricetags" ng-model="selectedPriceTag" 
    ng-options="product.priceTag.pModel for product in products" > 
</select>

Answer 1

这是Plunker Demo

问题是因为您需要遍历产品中的def get_json_object(my_var): # Do some calls to other methods to create the JSON object using my_var return json_object属性。

我建议您将代码更新为以下

priceTag

Answer 2

试试这个

  <select class="form-control" id="pricetags" ng-model="products.selectedPriceTag">
    <option ng-repeat="product in products.priceTag" value="{{product.priceTagId}}">{{product.pModel}}</option>
  </select>

Answer 3

您正在使用数组的ng-options语法，但您尝试从$ scope.products中选择一个对象。修改代码，使其遍历$ scope.products对象中的priceTag数组。

<select class="form-control" id="pricetags" ng-model="selectedPriceTag" 
ng-options="priceTag.pModel for priceTag in products.priceTag" > 
</select>

不确定这是否是您要找的，但它应该有效！

如何使用angularjs在下拉列表中填充数据？

3 个答案: