$ scope未在选择元素中获取ng-model值

无情3

我正在尝试将值添加到从ng-model接收到的变量中。

这是HTML:

<div ng-form="amountForm" class="form-group" id="inputField">
    <input value="1" type="number" placeholder="1" ng-model="itemAmount" ng-maxlength="2" required>
</div>
<div ng-form="nameForm" class="form-group">
    <input value="" type="text" placeholder="Name of Item" ng-model="itemName" ng-maxlength="10" required>
</div>
<select ng-model="currentDependent">
    <option ng-repeat="item in items" value="{{item.dependentOn}}" ng-selected="currentDependent == item.dependentOn">{{item.name}}</option>
</select>

这是Angular($ scope.itemAmount和$ scope.itemName起作用):

$scope.items = [];

$scope.addItem = function () {
    console.log($scope.itemAmount + ", " + $scope.itemName + ", " + $scope.currentDependent);

    $scope.items.push({
        amount: $scope.itemAmount,
        name: $scope.itemName,
        showMe: false,
        dependentOn: $scope.currentDependent
    });
};

控制台上似乎没有任何输出:

在此处输入图片说明

因此,唯一不起作用的是Select中的ng-model。下拉列表显示正确的值。如何获得在下拉列表中选择的值以在控制台中打印?

注意:为了清楚起见,我省略了http.post代码。

SSH协议

您应该使用itemName(或其他item属性)来跟踪依赖关系。

<select ng-model="currentDependent">
    <option ng-repeat="item in items" value="{{item.name}}">{{item.name}}</option>
</select>

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

ng-model不更新选择值

来自分类Dev

如何在指令中获取ng-model值

来自分类Dev

多维数组中的ng-model值

来自分类Dev

获取选择值的元素

来自分类Dev

ng-model设置的值未在控制器中更新

来自分类Dev

查找值在$ model中的位置

来自分类Dev

使用ng-click或ng-model获取按钮值

来自分类Dev

如何在ng-repeat中获取所有ng-model的值

来自分类Dev

选择绑定到名称而不是值的AngularJS ng-model

来自分类Dev

选择显示值的Chrome(WebKit)ng-model问题

来自分类Dev

选择绑定到名称而不是值的AngularJS ng-model

来自分类Dev

如何用ng-model显示输入元素的不同值?

来自分类Dev

ng-model不捕获ng-repeat中的值

来自分类Dev

通过ng-repeat绑定ng-model中的值

来自分类Dev

Angular JS使用ng-model获取日期输入的值

来自分类Dev

ng-model和dropdown,获取名称,而不是值

来自分类Dev

选择选项值未在 ng-repeat 中动态迭代

来自分类Dev

从指令更改ng-model值

来自分类Dev

从javascript设置ng-model值

来自分类Dev

从指令更改ng-model值

来自分类Dev

从ng-model更改子代的值

来自分类Dev

AngularJS选择-在控制器中设置ng-model不会更新所选值

来自分类Dev

角度ng-reflect-model显示正确的值,但未反映在输入元素中

来自分类Dev

从Web API调用获取Model属性的值

来自分类Dev

如何在react-bootstrap中获取选择元素的值?

来自分类Dev

如何在指令中访问ng-model值?

来自分类Dev

在Angular JS中还原ng-model值

来自分类Dev

将指令中的值传递给 ng-model。-angularjs

来自分类Dev

在 AngularJs 控制器中设置 ng-model 值