<!DOCTYPE html>
<html>
<head>
<title>ggl</title>
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/style.css">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
</head>
<script src="js\angular.min.js"></script>
<script>
function Customer($scope){
$scope.CustomerName="bob";
$scope.CustomerCode="200";
}
var myApp = angular.module("myApp",[]);
myApp.controller("Customer", Customer);
</script>
<body>
<div id="CustScreen" ng-controller="Customer">
Customer Name :-<input ng-model="CustomerName"type="text" id="CustomerName">
Customer Code :-<input ng-model="CustomerCode"type="text" id="CustomerCode">
<div id="divCustomerName">{{CustomerName}}</div>
<div id="divCustomerName">{{CustomerCode}}</div><br/>
</div>
</body>
</html>
运行程序时的结果是它在div中打印{{CustomerName}}而不是预期的输入名称。我不确定代码本身或我所做的链接是否有问题。
答案 0 :(得分:2)
首先,您的脚本位于<head>
和<body>
标记之间,但这可能不是问题所在。问题很可能是因为您忘了添加
ng-app="myApp"
在你的一个根元素上,例如<html ng-app="myApp">
。
如果没有该属性,angular不知道从哪里开始引导应用程序。
答案 1 :(得分:0)
您尚未在HTML中添加ng-app指令。将<html>
替换为<html ng-app="myApp">