双向数据绑定在我的Angular代码中不起作用

时间:2016-10-29 20:16:05

标签: javascript angularjs data-binding

我只看到一个空白的输入框,当我看到$ scope.firstname值时。为什么这不起作用?

index.html:

<!DOCTYPE html>
<html lang="en" ng-app="MyApp" ng-controller="MyController">
<head>
    <meta charset="UTF-8">
    <title>Toto App</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.8/angular.min.js"></script>
    <script src="myCtrl.js"></script>
</head>
<body>
<input ng-model="firstname">

</body>
</html>

myCtrl.js:

angular.module('MyApp', [])
    .controller('MyController', function($scope) {
        $scope.name = "John";
    });

1 个答案:

答案 0 :(得分:1)

您正在$scope.name = "John"而不是$scope.firstname = "John"