如何搭建一个angularJS应用

时间:2023-12-06 15:33:44

以写一个hello word为例,首先引入angular.js库文件

 
<!doctype html>
<html ng-app>
<head>
<title>angular应用demo</title>
<script src="angular.js"></script>
</head>
<body>
<input ng-model="name" type="text" value="hello word" />
<div>{{ name }}</div>
</body>
</html>
 

代码解读:

  • 通过指定在html(也可以在任意dom)中加入ng-app属性,ng-app属性声明所有被其包含的内容都属于这个angularJS应用,只有被ng-app属性的dom元素包含的元素才受到angularJS的影响
  • 一个页面中只能声明一个ng-app,只识别第一个ng-app其余无效
  • ng-model内部指令将内部数据模型对象$scope的name属性绑定到了文本输入字段上
  • {{ name }}输出内部数据模型对象$scope的name属性值到div标签中