私はAngular.jsを学んでいます。私はform
を作りたいと思っています。ユーザーは出力を見ることができます。ここでAngular ng-bindがコントローラに接続されないのはなぜですか?
がtest.html
です:
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.0-rc.2/angular.js"></script>
<script src="test.js"></script>
</head>
<body ng-app="charter">
<div id="layout-wrapper" ng-controller="graphicLanguageCTRL">
<form id="graphic-language" ng-controller="graphicLanguageCTRL" novalidate>
<h3>Language</h3>
<input type="text" name="headline" placeholder="Headline" ng-model="graphic.hed"> <br>
</form>
</div>
<h1 class="graphic-title" ng-bind="graphic.hed"></h1>
</body>
ここtest.js
です:
var app= angular.module("charter",[]);
app.controller("graphicLanguageCTRL",function($scope){
$scope.master= {
hed: ''
};
});
私はinput
タグに入力されたものがh1
タグで表示されるようにしたいです。しかし、input
タグを入力すると、h1
タグには何も表示されません。
これを修正するにはどうすればよいですか?
有用。 – Christoph