yakelande的博客

angularjs一个应用中包含太多的脚本，难于维护。而且随着脚本的增加，脚本之间 会产生依赖关系。所以尽量用一到两种脚本完成开发。AngularJs主要构件单页面应用程序，它是一种构建动态Web应用的结构化框架。数据绑定AngularJs创建模板来代替视图，不是将数据合并进模板之后更新DOM。 code/1-helloworld.htmlng-bind是从$scope -> vie...

一、表单表单事件(keyup.enter)=""(blur)=""表单模板 在模板驱动表单中，你只要导入了FormsModule就不用对<form>做任何改动来使用FormsModule。<form #loginForm="ngForm">loginForm变量是一个到NgForm指令的引用，它代表该表单的整体。Angular会在<form>标签上自动创建..

一、管道管道概述Angular内置了一些管道，比如DatePipe、UpperCasePipe、LowerCasePipe、CurrencyPipe和PercentPipe。 它们全都可以直接用在任何模板中。Angular没有FilterPipe或OrderByPipe管道Date和Currency管道需要ECMAScript国际化（I18n）API，但Safari和其它老式浏览器不支持它，该问题...

一、指令-属性指令概述在 Angular 中有三种类型的指令：组件 — 拥有模板的指令结构型指令 — 通过添加和移除 DOM 元素改变 DOM 布局的指令属性型指令 — 改变元素、组件或其它指令的外观和行为的指令。结构型指令修改视图的结构。例如，NgFor 和 NgIf。 要了解更多，参见结构型指令 guide。属性型指令改变一个元素的外观或行为。例如，内置的 NgStyle 指令可以同时修改元素...

一、生命周期1. 概述每个组件都有一个被Angular管理的生命周期。Angular创建它，渲染它，创建并渲染它的子组件，在它被绑定的属性发生变化时检查它，并在它从DOM中被移除前销毁它。Angular提供了生命周期钩子，把这些关键生命时刻暴露出来，赋予我们在它们发生时采取行动的能力。每个接口都有唯一的一个钩子方法，它们的名字是由接口名再加上ng前缀构成的。比如，OnInit接口的钩子方法叫做ng...

一. 数据显示1. 使用插值表达式显示组件属性template: ` <h1>{{title}}</h1> <h2>My favorite hero is: {{myHero}}</h2> `JavaScript 中那些具有或可能引发副作用的表达式是被禁止的，包括：赋值 (=, +=, -=, ...)new运算符使用;或,的链式表达式...

Angular 是一个用 HTML 和 JavaScript 或者一个可以编译成 JavaScript 的语言（例如 Dart 或者 TypeScript ），来构建客户端应用的框架。该框架包括一系列库，有些是核心库，有些是可选库。我们是这样写 Angular 应用的：用 Angular 扩展语法编写 HTML 模板， 用组件类管理这些模板，用服务添加应用逻辑， 用模块打包发布组件与服务。然后，我...

class class User{ constructor(id,name,pass){ this.id=id; this.name=name; this.password=pass; } show(){ console.log(this.name); }}class Admin ext...

服务为什么需要服务控制器只会在需要时实例化，不需要马上会被销毁。所以当路由不停切换时，这种 实例化和销毁会很浪费内存。服务提供了一种能在整个应用生命周期内保存数据的方法，他能在各个控制器之间 进行通信，并且保证数据的一致性。服务是一个单例对象，每个应用中只会被$injector实例化一次，而且是延迟加载 （需要的时候才加载）。共有五中方式来注册服务factory()service()constan...

内置指令基础内置指令ng-hrefng-srcng-disabledng-checkedng-readonlyng-selectedng-classng-styleng-includeng-switchng-repeatng-viewng-controllerng-ifng-showng-hideng-changeng-formng-clickng-selectng-class //disa...

过滤器过滤器（filter）正如其名，作用就是接收一个输入，通过某个规则进行处理，然后返回处理后的结果。 主要用在数据的格式化上，例如获取一个数组中的子集，对数组中的元素进行排序等。 ng内置了一些过滤器，它们是：currency(货币)、date(日期)、filter(子串匹配)、 json(格式化json对象)、limitTo(限制个数)、lowercase(小写)、uppercase(大写)...

一、路由概述大多数带路由的应用都要在index.html的标签下先添加一个元素，来告诉路由器该如何合成导航用的URL。配置路由//导入模块import { RouterModule, Routes } from '@angular/router';配置路由表 const appRoutes: Routes = [ { path: 'crisis-center', component...