從動態選擇框獲取值

Question

我有一個動態選擇框，它會生成一個帶有前綴childs-age的唯一ID。

所以我有childs-age-0 ， childs-age-1和childs-age-2等等，具體取決於選擇了多少個。

我使用了{{'child-age-'+$index}}來生成它。

我需要從表單獲取值並將它們放入數組中。

childsAges=[2,5,9]

這就是我到目前為止

for(var i = 0; i < 4; ++i)
        {
        var childAges = document.getElementById("child-age-" + i);
            angular.forEach(childAges, function(value){
                console.log(childAges.value)
            });
        }

Answer 1

這是我到目前為止所擁有的...

使用document.getElementById刪除所有這些DOM讀取代碼。 這不是Angular方式。

您需要使用ngModel指令並將每個新的選擇框綁定到動態模型。 例如：

<select ng-model="childAge[$index]">
    <!-- ngOptions or static options ... -->
</select>

然后以以下方式訪問控制器中的年齡：

$scope.childAges