小蚂蚁的世界

Angular4 - 启动过程1.学习条件本人由于项目组的变换，然后导致需要学习使用Angular 4，对于一个以前没有在项目开发中使用Angular的人来说，感觉到很无助，为什么呢？因为现在使用的Angular 4,前面还有AngularJS和Angular 2，岂不是说我需要去把这些东西都看完。 随着在网上找到一些资料，了解到首先AngularJS与

Angular4 - 引入第三方jquery由于最近在Angular4中引入jquery的方式，先是使用了一种普通的方式，在对应的文件中import jquery，可以实现功能。只是后来自己想着怎么把$符号变成一种全局可识别的变量，所以花了一些时间去研究它。1. import * as $ from 'jquery'（1） 将第三方类库安装到本地npm install jque

Angular4 - 共享模块1. AppModule@NgModule({    declarations: [      AppComponent    ],    imports: [      BrowserModule    ],    exports: [ AppComponent ],    providers: [],    bootstrap: [App

Angular4 - 路由1. 简单问题单页面程序将所有的活动局限于一个Web页面中，仅在该Web页面初始化时加载相应的HTML、JavaScript 和 CSS。用hash的变化从而可以实现推动界面变化。这里有两个关键点，hash值的变化和web页面变化的区域。Route: 一条路由指的是什么？ 当url #后面的只为home的时候，在当前应用动态变化的区域显示H

在TypeScript中，我们用装饰器 (decorator) 来附加元数据@Component装饰器，它把紧随其后的类标记成了组件类。@Component里面的元数据会告诉 Angular 从哪里获取你为组件指定的主要的构建块。@Component装饰器能接受一个配置对象， Angular 会基于这些信息创建和展示组件及其视图。@Component的配置项包括：selector： CSS 选择器，它告诉 Angular 在父级 HTML 中查找<hero-list>标签，创建并插

Angular4 - 依赖注入1. 例子 (不是很恰当)第一版//car.tsexport class Car { engine: Engine; doors: Doors; body: Body; constructor() { this.engine = new Engine(); this.body = new Body(); this

Angular4 - 模板语法1. 模板语法的介绍HTML 是 Angular 模板的语言。几乎所有的HTML语法都是有效的模板语法。 但值得注意的例外是元素，它被禁用了，以阻止脚本注入攻击的风险。（实际上，只是被忽略了。）有些合法的 HTML 被用在模板中是没有意义的。、和元素这个舞台上中并没有扮演有用的角色。剩下的所有元素基本上就都一样用了。这些元素存在于index.html中

1. 指令分类组件(Component directive)：用于构建UI组件，继承于 Directive 类属性指令(Attribute directive): 用于改变组件的外观或行为结构指令(Structural directive): 用于动态添加或删除DOM元素来改变DOM布局组件相关的内容就不多说了，可以查看文章组件(1) 内置属性指令属性型指令会监

1. 下面这段话先看，留个印象就好（摘抄与中文文档）RxJS 是一个库，它通过使用 observable 序列来编写异步和基于事件的程序。它提供了一个核心类型 Observable，附属类型 (Observer、 Schedulers、 Subjects) 和受 [Array#extras] 启发的操作符 (map、filter、reduce、every, 等等)，这些数组操作符可以把异步事件

1. 纯html5 表单纯HTML5表单提供功能如下显示表单项校验用户输入提交表单数据先看一个纯html5表单的例子： UserName: TelePhone: Password: datetime: ConfimrPassword: Register对于一个SPA应用来说，一般我们会需要我们的表单具有以下的几个功能：a.

1. http(1) 简单示例http使用之前需要在当前导入HttpModel。然后看一个例子：//httml:Angular Orgs Members ID：{{member.id}} Name: {{member.login}} //JS:import {Component, OnInit} from '@

构建：编译和合并首先还是先将之前写的一个demo拿出来，https://github.com/rodchen-king/angular-blank在本地的开发是执行npm start来启动程序。这样的方式是在开发环境中进行的，在生产环境是不可以这样做的。我们开发环境中是typescript文件，我们不能将源代码直接放在生产环境，然后执行npm install去安装开发环境，在安装angular 命...