angularjs
文章平均质量分 86
Fighting_No1
这个作者很懒,什么都没留下…
展开
-
angular10预渲染实践笔记
基于Angular的服务端渲染和预渲染功能来生成多页静态页面。Angular Universal 会在服务端通过一个被称为服务端渲染(server-side rendering - SSR)的过程生成静态的应用页面。原创 2022-06-07 10:34:40 · 961 阅读 · 0 评论 -
angular10兼容IE9
Angular官方文档列出了对于IE浏览器的支持程度。所以如果要兼容IE9,angular的最高版本只能是10。原创 2022-06-06 18:32:09 · 1540 阅读 · 0 评论 -
AngularJS风格指南
单一职责一个文件只定义一个组件。下面的一个例子在同一个文件中定义了一个app的module和它的一些依赖,定义了一个controller,一个factory。/* avoid */angular .module('app', ['ngRoute']) .controller('SomeController' , SomeController) .factory('someFactor转载 2017-08-15 18:04:08 · 480 阅读 · 0 评论 -
4 模块详解
模块详解什么是模块?一个模块是服务、指令、控制器、过滤器和配置信息的集合。大多数应用程序都有个 main 函数来初始化、连接以及启动整个应用。ng 中虽然没有 main 函数,但它用模块来描述应用将如何启动。这种策略有如下几种优势:整个过程是声明式的,更容易理解在单元测试中,没有必要加载所有模块,这样有利于单元测试的代码书写在场景测试中,额外的模块可以被加载进来,进而重写一些...原创 2018-04-21 14:15:45 · 369 阅读 · 0 评论 -
5 依赖注入
依赖注入简介依赖注入(DI)是一种让代码管理其依赖关系的设计模式。对象或函数可以通过三种方式获得所依赖的对象(简称依赖):创建依赖,通常是通过 new 操作符查找依赖,在一个全局的注册表中查阅它传入依赖,需要此依赖的地方等待被依赖对象注入进来前两种方式:创建或是查找依赖都不是那么理想,因为它们都将依赖写死在对象或函数里了。问题在于,想要修改这两种方式获得依赖对象的逻辑是...原创 2018-04-21 14:36:49 · 192 阅读 · 0 评论 -
6 模板和表达式
模板和表达式模板(Template)Angular的模板是一个声明式的视图,它指定信息从模型、控制器变成用户在浏览器上可以看见的视图。 它把一个静态的DOM —— 只包含HTML,CSS以及Angular添加的标记和属性,然后引导Angular为其加上一些行为和格式转换器,最终变成一个动态的DOM。在Angular中有以下元素属性可以直接在模板中使用:指令(Directive) ...原创 2018-04-21 14:38:30 · 299 阅读 · 0 评论 -
7 过滤器
过滤器过滤器的主要功能是格式化数据.在模板中使用过滤器过滤器可以应用在视图模板中的表达式中,按如下的格式:{{ 表达式 | 过滤器名 }}过滤器可以应用在另外一个过滤器的结果之上。这叫做“链式”使用,按如下格式:{{ 表达式 | 过滤器1 | 过滤器2 |...}}过滤器可以拥有(多个)参数,按如下格式:{{ 表达式 | 过滤器:参数1:参数2:...}}过...原创 2018-04-21 14:40:04 · 229 阅读 · 0 评论 -
8 Html编译(HTML Compiler)
Html编译(HTML Compiler)编译器编译器是 Angular 提供的一项服务,用来遍历DOM节点,查找特定的属性。编译过程分为两个阶段:编译:遍历DOM节点,收集所有的指令,返回一个连接函数(link func)连接:将上一步收集到的每个指令与其所在的作用域(scope)连接生成一个实时视图。任何作用域中的模型改变都会实时在视图中反映出来,同时任何用户与视图的交互则会映...原创 2018-04-21 14:54:24 · 4709 阅读 · 0 评论 -
9 作用域(Scope)
作用域(Scope)是一个存储应用数据模型的对象为 表达式 提供了一个执行上下文作用域的层级结构对应于 DOM 树结构作用域可以监听 表达式 的变化并传播事件作用域特点作用域提供了 $watch 方法监听数据模型的变化作用域提供了 $apply 方法把不是由Angular触发的数据模型的改变引入Angular的控制范围内(如控制器,服务,及Angular事件处理器等)...原创 2018-04-21 14:57:58 · 371 阅读 · 0 评论 -
20 ocLazyLoad使用
ocLazyLoad使用参考自http://dreamapple.leanapp.cn/gitbook/oclazyload-doc/quick-start/quick-start.html安装npm install oclazyload添加oc.lazyLoad模块将这个模块添加到你的应用中var myApp = angular.module("MyApp", [...原创 2018-04-29 13:58:04 · 625 阅读 · 0 评论 -
Angular4笔记
Angular4笔记参考资料:Angular 4.0 架构详解Angular 4.0 内置指令全攻略Angular 4.x 修仙之路入门 Angular 与 AngularJS 有什么区别* 不再有Controller和 Scope * 更好的...原创 2018-08-04 22:18:58 · 380 阅读 · 0 评论 -
3 全局函数和属性
全局函数和属性判断对象类型的函数 API 描述 angular.isArray(value) 如果引用的是数组返回 true angular.isDate(value) 如果引用的是日期返回 true angular.isDefined(value) 如果引用的已定义返回 true angular.isElement(value)...原创 2018-04-21 14:13:48 · 279 阅读 · 0 评论 -
2 应用初始化
应用初始化AngularJS应用引导过程有3个重要点:注入器(injector)将用于创建此应用程序的依赖注入(dependency injection);注入器将会创建根作用域作为我们应用模型的范围;AngularJS将会链接根作用域中的DOM,从用ngApp标记的HTML标签开始,逐步处理DOM中指令和绑定。一旦AngularJS应用引导完毕,它将继续侦听浏览器的HTML触发事件...原创 2018-04-21 14:12:53 · 521 阅读 · 0 评论 -
11 指令详解
指令详解指令就是一些附加在HTML元素上的自定义标记(例如:属性,元素,或css类),它告诉AngularJS的HTML编译器 ($compile) 在元素上附加某些指定的行为,甚至操作DOM、改变DOM元素,以及它的各级子节点。通过自定义指令访问DOM: 对于Angular,一个程序中唯一允许接触DOM的地方就是“指令”。之所以这样要求,是因为需要访问DOM的代码难以进行自动化测试。 如...原创 2018-04-22 09:44:09 · 486 阅读 · 0 评论 -
12 jqLite
Angular的jqLitejqLite是一个微型的、API兼容的jQuery子集,允许Angular在跨浏览器兼容的方式下操纵DOM。jqLite只实现了所需的最常用功能。jqLite方法jqLite只提供了以下jQuery方法:addClass()after()append()attr()bind() - 不支持namespaces、selectors或eventDa...原创 2018-04-22 09:49:27 · 349 阅读 · 0 评论 -
13 表单验证
表单验证内置表单验证指令Angular提供了一些常用的html5输入控件的验证实现:(text, number, url, email, radio, checkbox), 以及一些用于验证的指令 (required, pattern, minlength, maxlength, min, max)。这里只介绍模式匹配ng-pattern指令。使用ng-pattern="/PATTER...原创 2018-04-22 10:00:39 · 413 阅读 · 0 评论 -
14 内置服务1
内置服务1在Angular里面,services作为单例对象在需要到的时候被创建,只有在应用生命周期结束的时候(关闭浏览器)才会被清除。而controllers在不需要的时候就会被销毁了。Angular部分内置服务概览在 AngularJS 中,服务是一个函数或对象,可在你的 AngularJS 应用中使用。 名称 描述 $window 封装windo...原创 2018-04-22 10:07:17 · 334 阅读 · 0 评论 -
15 内置服务2
内置服务2$http$http是对Ajax(XHR)的封装。使用:$http(config);$http({method: 'GET', url: '/someUrl'}).success(function(data, status, headers, config) {// this callback will be called asynchronously// wh...原创 2018-04-22 10:11:39 · 220 阅读 · 0 评论 -
16 自定义服务
自定义服务angularjs 中可通过三种($provider,$factory,$service)方式自定义服务,以下是不同的实现形式:// 定义module , module中注入$providevar starterApp = angular.module('starter.controllers', [],function($provide){// 第一种方式:使用provid...原创 2018-04-22 10:13:30 · 325 阅读 · 0 评论 -
17 多重视图和路由
多重视图和路由相关概念理解路由的作用,简单的概括就是基于View和Url的对应关系,处理跳转页面。AngularJS 路由允许我们通过不同的 URL 访问不同的内容。通过 AngularJS 可以实现多视图的单页Web应用(single page web application,SPA)。通常我们的URL形式为 http://runoob.com/first/page ,但...原创 2018-04-22 10:28:16 · 445 阅读 · 0 评论 -
18 国际化
国际化什么是i18n和l10n?国际化,简写为i18,指的是使产品快速适应不同语言和文化。本地化,简称l10n,是指使产品在特定文化和语言市场中可用。对开发者来说,国际化一个应用意味着将所有的文字和其他因地区而异的数据从应用中抽离出来。本地化意味着为这些抽离的数据和文字提供翻译和转变成本地的格式。什么是地区 id一个地区(locale)是指一个按地理上,政治上,文化上划分的区域...原创 2018-04-22 10:33:06 · 501 阅读 · 0 评论 -
19 端对端测试
端对端测试方案测试(scenario tests)使用Javascript写的,你在其中描述在某一个状态的某一个交互中你的应用应该运作。一个方案包括一个或多个it代码块(你可以把这些当成你应用的需求),代码块它由命令和期望结果组成。命令告诉Runner让应用执行某个操作(比如翻页或者点击按钮),期望告诉Runner验证执行后的应用状态(比如字段的值或者当前URL)。如果某个期望不符合,那么Ru...原创 2018-04-22 10:33:46 · 801 阅读 · 0 评论 -
1 入门
1 入门所有angularjs笔记均参考自Angular JS教程http://www.cnblogs.com/ys-ys/tag/AngularJs/default.html?page=1简介AngularJS是一个开发动态Web应用的JavaScript框架。它让你可以使用HTML作为模板语言并且可以通过扩展的HTML语法来使应用组件更加清晰和简洁。它的创新之处在于,通过...原创 2018-04-21 14:09:57 · 268 阅读 · 0 评论 -
10 内置指令
内置指令ng-appng-app指令用于告诉 AngularJS 应用当前这个元素是根元素。所有 AngularJS 应用都必须要有一个根元素。HTML 文档中只允许有一个ng-app 指令,如果有多个ng-app指令,则只有第一个会被使用。<element ng-app="modulename">...在 ng-app 根元素上的内容可以包含 Angula...原创 2018-04-22 09:38:09 · 278 阅读 · 0 评论