Angular

Angular页面传参办法

在获取地址的controller中:在监听地址变化的controller中:4.基于localStorage或sessionStorage的页面跳转传参注意事项:通过LS或SS传参,一定要监听变量,否则参数改变时,获取变量的一端不会更新。AngularJS有一些现成的WebStoragedependency可以使用,譬如gsklee/ngStorage·GitHub,grevory/angular-local-storage·GitHub。下面使用ngStorage来简述传参过程:上传参数到localSt

angularjs学习笔记之指令

而且AngularJS之间不能互相嵌套。ng-controllerng-controller定义了控制器用于控制AngularJS应用程序的数据,是一个javascript对象。{{}}表达式AngularJS表达式写在双大括号内:{{expression}},通过表达式可以把数据绑定到HTML,这与ng-bind指令有异曲同工之妙。ng-cloak除使用ng-bind来避免未渲染元素闪烁,还可以在含有{{}}的元素上使用ng-cloak指令。事实上,AngularJS确实在幕后为scope模型上设置了一

angular 笔记

'block':'none'}"ng-href//一单表达式没加载完,是看不见href的值的,是有好处的。ng-src//同上ng-attr-//自定义属性eg:ng-attr-title="{{text}}"ng-show//元素的显示隐藏通过css样式操作ng-show="true";ng-hide//元素的隐藏显示通过css样式操作ng-show="true";ng-if//不是通过css样式操作,而是对dom节点操作,删除添加节点ng-switch//-on-default-whenng-open

2.2、环境配置-AngularJS2 JavaScript 环境配置

本章节使用的是JavaScript来创建Angular的应用,当然你也可以使用TypeScript和Dart来创建Angular应用。一般来说,一个组件就是一个用于控制视图模板的JavaScript类。当Angular在宿主HTML中遇到一个my-app元素时它创建并显示一个AppComponent实例。添加NgModuleAngular应用由Angular模块组成,该模块包含了Angular应用所需要的组件及其他任何东西。接下来创建index.html,代码如下所示:index.html文件:index

2.1、环境配置-AngularJS2 TypeScript 环境配置

本章节使用的是TypeScript来创建Angular的应用,这也是官方推荐使用的,本教程的实例也将采用TypeScript来编写。tsconfig.json定义了TypeScript编译器如何从项目源文件生成JavaScript代码。typings.json为那些TypeScript编译器无法识别的库提供了额外的定义文件。Angular本身是被拆成一些独立的Angular模块,这样我们在应用中只需要导入需要的Angular部分。每个Angular应用至少需要一个rootmodule(根模块),实例中为A

3、AngularJS2 架构

组件是构成Angular应用的基础和核心,可用于整个应用程序中。元数据元数据告诉Angular如何处理一个类。Angular会基于这些信息创建和展示组件及其视图。指令Angular模板是动态的。当Angular渲染它们时,它会根据指令对DOM进行修改。服务Angular2中的服务是封装了某一特定功能,并且可以通过注入的方式供他人使用的独立模块。Angular能通过查看构造函数的参数类型,来得知组件需要哪些服务。

Angular2-开始

Angular2已经final了,现在各个方面的配套的环境也逐步完善,我虽然不是前端开发者,但是由于各种原因,对angular2一直保有热情,也一直在跟踪她的版本迭代。声明一下,在以后的博文中angular统一指向angular2,环境是Windows。Angular2也有一套这个东西,Angular-CLI这个东东怎么玩可以参考github中的教程,简单明了,如果不会e文,那我也没有办法。初步学习还是官网的资料最全,https://angular.io,可能需要翻越长城,你懂的。现在我们可以在命令行中使