Angularjs   发布时间:2022-04-20  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了AngularJS:两个带有单独ngModel的输入,一个更新其他值大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在尝试使用两个单独的输入字段,每个输入字段都有自己的模型,其中一个输出字段认更新另一个的值.

<form id="registerForm" ng-submit="create(email,username,password)">
    <input type="text" name="email" placeholder="Email" ng-model="email">
    <input type="text" name="username" value="{{email}}" placeholder="Username" ng-model="username">
    <input type="password" name="password" placeholder="password" ng-model="password">

    <input type="submit" value="register" class="button" ng-show="!loading">
    <input type="submit" value="processing" class="button" disabled ng-show="loading">
</form>

结果是,如果您输入电子邮件,用户输入将自动填充,但如果特别输入用户名,则可以更改用户名.

但这不起作用.相反,ng-model =“username”会覆盖值attr,无论在那里设置什么.因此,用户名输入保持为空,直到明确输入为止.

有没有办法在这些方面做到这一点,还是需要特殊的指令或什么?

@R_@L_674_11@_1964@

不要使用价值:

<input type="text" name="username" placeholder="Username" ng-model="username">

在控制器中使用$watch:

function MyCtrl($scopE) {
    $scope.$watch('email',function(value) {
        $scope.username = value
    });
}

fiddle

大佬总结

以上是大佬教程为你收集整理的AngularJS:两个带有单独ngModel的输入,一个更新其他值全部内容,希望文章能够帮你解决AngularJS:两个带有单独ngModel的输入,一个更新其他值所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。