【AngularJS】AngularJS 教程

本文介绍AngularJS如何通过扩展HTML属性和表达式来构建单页面应用。AngularJS利用表达式实现数据绑定,并通过指令来增强HTML的功能。此外,还介绍了如何使用过滤器来处理数据显示。

AngularJS通过新的属性和表达式扩展了HTML。------------->扩展HTML属性

AngularJS可以构建一个单页面应用程序(SPAs: Single Page Applications)。


AngularJS表达式

AngularJS 使用 表达式数据绑定到HTML。


 

AngularJS表达式 写在双大括号内: {{ expression }}。

AngularJS表达式 把数据绑定到HTML,这与ng-bind指令有异曲同工之妙。

AnguarJS表达式 将在表达式书写的位置“输出”数据。

AngularJS表达式 很想JavaScript表达式:它们可以包含文字、运算符和变量

 

AngularJS指令

AngularJS 通过被称为 指令新属性来扩展HTML。


 

AngularJS 指令是扩展的HTML属性,带有前缀 ng-

ng-app 指令初始化一个AngularJS应用程序。

ng-init 指令初始化应用程序数据。

ng-model 指令把应用程序数据绑定到HTML元素。

 

AngularJS 过滤

过滤器可以使用一个管道字符(|)添加到表达式和指令中。


 

向表达式添加过滤器

 

向指令添加过滤器

 

转载于:https://www.cnblogs.com/daishuguang/p/3923215.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值