空ng模型覆盖ng值

时间:2016-10-11 11:46:05

标签: html angularjs html5 angular-ngmodel

当我将ng-model与ng-value结合使用时。即使有给定的值,ng-value也会返回空。 例如,有两个名为FirstCtrl和SecondCtrl的控制器。 这是FirstCtrl,如果我为这个输入键入一个值,它将写入我的SeconCtrl输入,因为我在我的SecondController中调用了ng-value =“firstname”:

我可以将值从firstctrl传递给secondctrl(我的意思是第一个输入字段到第二个输入字段)。但是第二个输入字段有一个名为d_firstname的ng模型,它不允许保存ng值,但ng-value显示正确的值,但由于ng-model(d_firstname)而保存为空。但是,如果用户想要输入新值,我需要d_firstname。此外,如果我在secondCtrl中键入输入字段,我可以保存记录,因为d_firstname但是如果我不继续修改该输入字段中的任何内容,则返回空。希望你能解决问题。请有人帮忙。我想将数据从一个表格传递给其他表格如果点击复选框以获取结算明细和购物详情相同

FirstController输入:

<input type="text" name="firstname" ng-model="firstname" required>

SecondCtrl输入:

<input name="firstname" ng-value="firstname" ng-model="d_firstname">

1 个答案:

答案 0 :(得分:1)

ng-valueng-model放在一起没有意义。

您可以使用ng-change事件更新第二个

<input name="firstname" ng-model="firstname" ng-change="updateName()" required>
<input name="d_firstname" ng-model="d_firstname">

控制器:

$scope.updateName = function(){
    $scope.d_firstname = $scope.firstname
}

请注意,您应始终使用ng-model中的对象。如果您没有

,您将遇到子范围问题