<!DOCTYPE html> <html ng-app> <head> <meta charset="utf-8"> <title>JS基本API</title> <script src="angular.js"></script> </head> <body> <script> /* 1. 边界指令(自己起的名字)ng-app 描述：AngularJS框架在使用的时候需要引入框架文件之外，还需要为框架指明一个边界 告知框架在哪个范围内生效。如果不使用边界指令进行声明，则AngularJS框架引入失败 习惯上写在html标签之内，表示在当前页面中angularJS都能正常使用 语法：<html ng-app></html> 注意：边界指令是使用NG框架必须使用的一个指令，不写一定使用错误 2.呈现指令{{}} 描述：NG框架规定{{}}嵌套双花括号用来表示[内容呈现]功能 在{{}}中可以书写NG语法规则下的变量，字符串甚至表达式 3.信息指令ng-model 描述：NG框架规定ng-model用来对input或者textarea这类 用于收集用户信息的标签进行数据绑定 ng-model所赋的值，即为[保存有用户输入内容的ng变量] 4.绑定指令ng-bind 描述：NG框架中提供了一个用对非输入性的标签使用的 类似于{{}}呈现指令的辅助指令 作用是能够将ng变量绑定到想要显示的标签之上， 并且在ng框架架子啊失败的时候末页不会直接将语法错误暴露出来 语法<span ng-bind='message'></span> */ </script> </body> </html>