手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

AngularJS的初级应用

时间:2024-10-12 10:01:10

1、首先我们应用这个js库需要在页面中引人AngularJS的库,其表达式的应用要放双重大括号内,{{1+1}} 简单应用如图

AngularJS的初级应用

2、AngularJS的对象应用例如我们定义一个user对象其属性为name和age,我们在页面展示其年龄姓名。用法如图

AngularJS的初级应用

3、AngularJS数组的应用,我们初始化一个数组,并获取数值中第2个位置的的值,用法及效果如图

AngularJS的初级应用

4、AngularJS 指令,将一个值绑定到input中,我们利用指令ng-model,具体应用如图

AngularJS的初级应用

5、循环指令norepeat,以输出数组对对象为例,用法如图

AngularJS的初级应用

6、AngularJS的模型,像js一样闻赙酵枭像input上绑定值,我们利用AngularJS代码根据属性,将值绑定到input上。效果如图

AngularJS的初级应用
© 手抄报圈