运行Angular js的问题

时间:2017-03-22 14:53:53

标签: html angularjs

<!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}}而不是预期的输入名称。我不确定代码本身或我所做的链接是否有问题。

2 个答案:

答案 0 :(得分:2)

首先,您的脚本位于<head><body>标记之间,但这可能不是问题所在。问题很可能是因为您忘了添加

ng-app="myApp"

在你的一个根元素上,例如<html ng-app="myApp">

如果没有该属性,angular不知道从哪里开始引导应用程序。

答案 1 :(得分:0)

您尚未在HTML中添加ng-app指令。将<html>替换为<html ng-app="myApp">