Javascript 使用ng模型时不显示AngularJS输入字段值

输入字段中未显示的输入字段值。我使用了ng模型和数据ng模型。在不使用ng模型的情况下，将显示值

即1:

<input type="text" value="{{accountDetailsBody.phoneNumber}}" data-ng-model="vm.user.phoneno" name="phoneno" id="phoneno" class="form-control">

<input type="email" name="email" class="form-control" id="email" ng-model="vm.user.email" readonly ng-pattern="/^[_a-z0-9]+(\.[_a-z0-9]+)*@[a-z0-9-]+(\.[a-z0-9-]+)*(\.[a-z]{2,4})$/" placeholder="Email" ng-maxlength="30" required>

---

您应该使用

value=“accountDetailsBody.phoneNumber”

而不是

value=“{{{accountDetailsBody.phoneNumber}}”

---

因为

{{binding}}

是单向绑定。。而

ng mode=“binding”

是双向绑定

不要在html标记上使用value属性，您可以将ng模型值相等于控制器中的值

<input type="text"  data-ng-model="vm.user.phoneno" name="phoneno" id="phoneno" class="form-control">

---

不需要在这里设置值。 您可以使用ng模型将值直接绑定到输入文本框

试试这个

控制器

 (function () {
        'use strict';
        angular
                .module('app')
                .controller('accountController', accountController);
        accountController.$inject = ['ApiService', '$rootScope', 'UserService', '$scope', '$location'];
        function accountController(ApiService, $rootScope, UserService, $scope, $location) {
            $scope.accountDetailsBody = {};
            var vm = this;
            vm.userUpdate = userUpdate;

            initController();
            function initController() {
                loadCurrentUser();
            }

            function userUpdate() {
                console.log(vm.user);
            }

function loadCurrentUser() {
            $scope.data = {'email': $rootScope.globals.currentUser.username};
            UserService.GetByUsername($scope.data).then(function (response) {
                if (response.success) {
                    $scope.accountDetailsBody = response.user[0];
                } else {
                    $location.path('/');
                }
                //vm.user = user;
            });
        }
        }

    })();

    (function () {
        'use strict';
        angular
                .module('app')
                .controller('accountController', accountController);
        accountController.$inject = ['ApiService', '$rootScope', 'UserService', '$scope', '$location'];
        function accountController(ApiService, $rootScope, UserService, $scope, $location) {

            var vm = this;
            vm.accountDetailsBody = {};
            vm.userUpdate = userUpdate;

            initController();
            function initController() {
                loadCurrentUser();
            }

            function userUpdate() {
                console.log(vm.user);
            }

function loadCurrentUser() {
            $scope.data = {'email': $rootScope.globals.currentUser.username};
            UserService.GetByUsername($scope.data).then(function (response) {
                if (response.success) {
                    vm.accountDetailsBody = response.user[0];
                } else {
                    $location.path('/');
                }
                //vm.user = user;
            });
        }
        }

    })();

HTML

<input type="text" ng-model="vm.accountDetailsBody.phoneNumber" name="phoneno" id="phoneno" class="form-control">

显示你的控制器这是我的控制器：d这是什么代码！！！！您确定此控制器与该输入相关吗！？不是你的问题，我认为你应该解释你想做什么first@Maher是的，我确定。你能告诉我如何在控制器中定义用户吗？用这个初始化。用户={}如果它工作，那么你可以检查正确并投票给这个答案。

<input type="text" ng-model="vm.accountDetailsBody.phoneNumber" name="phoneno" id="phoneno" class="form-control">