Question

我尝试使用AngularJS在两个文本框中实现双向数据绑定，但它无法正常工作。

这是我的代码：

<html ng-app="myApp">
<head>
    <script src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.3/angular-route.min.js"></script>
    <script>
        var app = angular.module('myApp', []);
    </script>
</head>
<body ng-controller="tasksController"> 
    <input type="text" ng-model="username" value="{{userage}}"> 
    <input type="text" ng-model="userage" value="{{username}}">
</body>

有人可以帮我吗？

Answer 1

您尚未在Angular代码中定义tasksController：

<script>
    var app = angular.module('myApp', []);

    app.controller('tasksController', function($scope){
        $scope.username = "John Doe";
        $scope.userage = 45;
    });
</script>

然后模型范围将起作用。此外，您不需要将模型绑定到输入值。 ng-model自动绑定值：

<input type="text" ng-model="username">
<input type="text" ng-model="userage">

双向数据绑定不适用于AngularJS中的文本框

1 个答案: