AngularJS初识

1.AngularJS 是一个 JavaScript 框架。它是一个以 JavaScript 编写的库。

2.AngularJS 通过 ng-directives 扩展了 HTML。

ng-app指令定义一个AngularJS应用程序

ng-model指令把元素值绑定到应用程序。也可以为应用程序数据类型验证（number,email,required）。为应用程序提供状态（invalid,dirty,touched,error）。为html元素提供CSS类。绑定HTML到HTML表单。

ng-bind指令把应用程序数据绑定到HTML视图。

ng-init指令初始化AngularJS应用程序变量。

AngularJS指令是以ng作为前缀的HTML属性。

AngularJS表达式写在大括号内：{{ }}。

{{ }}和ng-bind的区别？

相同点：实现效果是一样的。

不同点：如果网页没有被正常的渲染，那么表达式将原型显示出来，用户将看到代码显示在网页上，而即使网页发生错误，无法正常渲染数据，ng-bind将不会将代码显示在网页上。

推荐使用ng-bind

AngularJS 模块（Module） 定义了 AngularJS 应用。

AngularJS 控制器（Controller） 用于控制 AngularJS 应用。

ng-app指令指明了应用, ng-controller 指明了控制器。

ng-repeat指令会重复一个HTML元素（循环数组，对象）

创建自定义指令：使用 .directive 函数来添加自定义的指令

可以通过元素名，属性，类名，注释来进行调用指令，

通过添加restrict属性来限制指令通过特定方式来进行调用：

E：元素名

A：属性

C：类名

M：注释

Scope(作用域) 是应用在 HTML (视图) 和 JavaScript (控制器)之间的纽带。Scope 是一个对象，有可用的方法和属性。Scope 可应用在视图和控制器上。当在 AngularJS 创建控制器时，你可以将 $scope 对象当作一个参数传递:

app.controller('myCtrl', function($scope) {
$scope.carname = "Volvo";
});

当在控制器中添加 $scope 对象时，视图 (HTML) 可以获取了这些属性。

视图中，你不需要添加 $scope 前缀, 只需要添加属性名即可，如： {{carname}}。

scope 是模型。

scope 是一个 JavaScript 对象，带有属性和方法，这些属性和方法可以在视图和控制器中使用。

所有的应用都有一个 $rootScope，它可以作用在 ng-app 指令包含的所有 HTML 元素中。

$rootScope 可作用于整个应用中。是各个 controller 中 scope 的桥梁。用 rootscope 定义的值，可以在各个 controller 中使用。

AngularJS初识相关推荐

基于angularjs的单页面实例_angularjs实例网站
客户端 JavaScript 的 5 个弊端译注:原来的标题是:"我们为啥不用AngularJS:-",后来作者觉得不妥就改掉了,因为AngularJS是通常适用于单页面程序框架 ...
基于angularjs的单页面实例_angularjs网站开发实例
客户端 JavaScript 的 5 个弊端译注:原来的标题是:"我们为啥不用AngularJS:-",后来作者觉得不妥就改掉了,因为AngularJS是通常适用于单页面程序框架 ...
【AngularJS】—— 2 初识AngularJs（续）
前一篇了解了AngularJS的一些简单的使用,这里继续跟着w3c学习一下剩下的内容. 本篇根据w3cschool.cc继续学习AngularJS剩余的内容,包括: 1 事件 2 模块 3 表单 4 ...
我的angularjs源码学习之旅1——初识angularjs
angular诞生有好几年光景了,有Google公司的支持版本更新还是比较快,从一开始就是一个热门技术,但是本人近期才开始接触到.只能感慨自己学习起点有点晚了.只能是加倍努力赶上技术前线. 因为有分析 ...
初识AngularJS 之 HelloWorld和数据绑定
1.Hello World 我用的开发工具是 atom ,大家有需要的话可以找我要安装包嘻嘻第一步: 写入以下代码: <!DOCTYPE html> <html ng-ap ...
【西祠日志】【17】初识AngularJS,下一代Web应用的前端
2015.08.06 周四今天学习状态不错,就是应该这样一点点的努力:今天主要还是把asp留言板任务完善了下,然后我陷入了一种困扰,就是前端的网页耦合性太高,复用也非常不利于SEO优化,考虑如何有更 ...
关于 angularjs 的小结
前面的几篇文章已经对 angularjs 的入门有了一个基础的认识,了解了如何使用以及为什么使用它初识 Angularjs1.x ,了解5个W和1个H Angularjs 开始之Hello worl ...
AngularJS 技术总结
学习AngularJS,并且能在工作中使用到,算是很幸运了.因此本篇也会搜集各种资料,进行分享. 书籍分享 AngularJS权威指南常用链接 AngularJS API文档 AngularJS 用 ...
angularjs pdf插件_AngularJS权威教程 PDF扫描版[14MB]
AngularJS权威教程是学习AngularJS的公认经典,内容全面,讲解通俗,适合各层次的学习者.作者拥有丰富的AngularJS开发和教学经验,也是一位全栈工程师.全书35章,由浅入深地讲解了A ...
MockJS学习的初识姿势
今天和各位一起学习一下mock,文章中若有出入之处,还望不吝指教- 初识mockjs 1.什么是mockjs? 生成随机数据,拦截 Ajax 请求(moockjs官网) 通过随机数据,模拟各种场景:不 ...

AngularJS初识

AngularJS初识相关推荐

最新文章

热门文章