无法使用Angular JS设置select标签的值。

11 浏览
0 Comments

无法使用Angular JS设置select标签的值。

我的任务非常简单。我能够通过restful api为文本框设置值。我可以使用{{currentCommodity.commodityName}}将其获取并显示在原始HTML页面上。但是，尽管我能够获取值，但无法将值设置到选择标签中。\n我的代码是：\n

$scope.editCommodity = function(commodityIndex) {           
        console.log("commodities object",$scope.commoditiesAdded[commodityIndex].commodityName);            
        $scope.currentCommodity.commodityName = $scope.commoditiesAdded[commodityIndex].commodityName;
}

\n它返回一个名为paddy的商品名称。\n

我的HTML代码

\n

---{{currentCommodity.commodityName}}-

\n非常感谢任何帮助。

0

1 答案

0 Comments

在上述代码中，我们尝试使用AngularJS将值设置到select标签中。然而，我们发现无法成功设置值。

造成这个问题的原因是因为在ng-model属性中，我们将当前选择的商品赋值给了currentCommodity对象。然而，ng-options属性中的循环中使用了currentCommodity对象的commodityName属性来显示商品名称。

解决这个问题的方法是将ng-options属性中的循环改为使用commodityList数组中的commodityName属性来显示商品名称。这样，我们就能成功将值设置到select标签中。

修正后的代码如下所示：

    You selected : {{currentCommodity.commodityName}}
    <select class="form-control selection_size" ng-model="currentCommodity" ng-options="commodityitem.commodityName as commodityitem.commodityName for commodityitem in commodityList">   
    </select>

通过将ng-options属性中的循环修改为"commodityitem.commodityName as commodityitem.commodityName"，我们成功解决了无法设置值到select标签的问题。现在，我们能够正确地将值显示在select标签中了。

0