AngularJS的Hello World

AngularJS不同于AngularJS2,其是一个JS框架,使用方法也和一般的JS框架差不多,无非就是在功能上扩展了html而已。尤其作为JSMVC框架,增加了一些指令之类的。一个基本的Hello World程序使用方式如下:

Step1:引入JS框架


需要注意的是,为加快页面的加载速度,建议在底部引入。

Step2:指定AngularJS的应用程序

指定应用程序的方法是使用ng-app指令。

Step3:指定变量并绑定到标签

使用ng-model指令

Step4:进行双向的数据绑定

使用{{ng-model中绑定的变量}}

完整的hello world 代码








 

名字 :

Hello {{name}}

你可能感兴趣的:(AngularJS的Hello World)