AngularJs入门教程(1)

angularjs是由谷歌公司开发并维护的一款开源的javascript框架,其特点用于构建单页面应用(SPA),弥补html在编写网络页面方面的不足


AngularJs入门教程(1)_第1张图片
angular1.x

最近公司在做一个彩票业务,项目中前端需要用到这个框架,所以也当是边用边学习吧。废话不多说,进入正题。学习一款框架首先应当是去看它的官方文档angularjs官方文档,由于服务器在国外,对于网速差的小伙伴来说可能半天卡不出来,所以今天就带大家简单入门个hello world.

首先在html页面中需要引入js框架

有两种不同的选择:旧版和最新版。旧版是版本低于1.2.x版本,最新是1.3.x版本。我们也可以使用缩小,非压缩或压缩版本。CDN access: 也可以使用一个CDN。CDN全世界可访问,它放在谷歌主机区域性数据中心。  这也提供了一个优点,即如果访问者的网页已经从相同的CDN 下载了AngularJS的副本,它不必再重新下载。


现在让我们使用AngularJS库编写一个简单的例子。让我们创建一个HTML文件 index.html 如下:


AngularJs入门教程(1)_第2张图片
xwqs

插值表达式中{{}}的value就是ng中数据模型绑定好的值,这也是实现双向数据绑定的第一步。

angular的出现,我个人认为就像把html这门标签语言编程了真正意义上的编程语言一样,就像sass让css变活了一个道理

今天就先到这里!5点!,收工!走人!

你可能感兴趣的:(AngularJs入门教程(1))