-1
$ 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";
});
の
$scope.name = "John"
をやっていますコントローラで –ありがとう私はとても愚かです – brainmassage
オブジェクト名は同じでなければなりません。コントローラでは$ scope.nameを使用していますが、htmlではfirstnameを使用しています。 –