Question

我需要帮助才能解决我的问题。我尝试制作一个使用angularjs执行计算的表格。在这种情况下，包含使用过滤器实现的链接下拉选择。当我只把ng-options放在那里时它的工作正常。但是当我尝试在ng-repeat中重复选择选项时，我无法获得我选择的值。

我在为每个ng-options定义ng-model时遇到问题，因为在某些情况下，如果我重命名它，链接过滤器就会中断。

请查看我的代码并帮助我找到遗漏的内容，或者请参阅文章或一些与我的相同案例的教程。

谢谢

这是应用程序 plunker link

Json数据

[{
"id":"AP-01",
"productName": "Art Paper",
"category": "Paper",
"subCategory": "Common Paper",
"height": 100,
"width": 65,
"thickness": 0.3,
"weight": 110,
"color": "White",
"unitPrice": 800,
"images":
  [
    {"full": "/app/data/images/image.gif"},
    {"thumb": "/app/data/images/image.gif"}
  ],
"availablePurchase": "true",
"canView": "false"}]

ng-repeat：

<tr ng-repeat="option in selectedMaterials">

NG-选项：

<select ng-model="selectedCategory" 
        ng-options="material.category as material.category for material in materials | unique: 'category' | orderBy:'category'">
       <option value="" ng-value="undefined">Choose Category</option>
</select>

以及下一个问题如果我的下拉列表中有一个合并选项，我如何获得我的选择的每个值，代码如下：

// Combine Size Option Function (height x width)
        $scope.combined = function(size){
            if(size.height === undefined || size.height === ''){
                return size.width;
            }
            else {
                return size.width + " X " + size.height + " cm ";
            }
        };

angular js从数组中的对象中获取选定值，其中ng-options选择ng-repeat内部

0 个答案: