angularjs
Young4Dream
这个作者确实很懒,什么都没留下…
展开
-
Angular4学习笔记(一)-环境搭建
下载nodejs下载地址在命令行输入:npm -v 如果出现如下画面即安装成功 安装Angular的cli命令行工具命令:sudo npm install -g @angular/cli输入ng -v,如出现以下画面即表示安装成功创建项目命令:ng new XXX,XXX表示项目名称,如:ng new iAngular 此时在相应目录下就会有新项目生成 Angular原创 2017-10-22 19:20:37 · 1049 阅读 · 0 评论 -
Angular4学习笔记(二)-在WebStorm中启动项目
下载nodejs下载地址在命令行输入:npm -v 如果出现如下画面即安装成功 安装Angular的cli命令行工具命令:sudo npm install -g @angular/cli输入ng -v,如出现以下画面即表示安装成功创建项目命令:ng new XXX,XXX表示项目名称,如:ng new iAngular 此时在相应目录下就会有新项目生成 Angular原创 2017-10-22 19:21:45 · 4267 阅读 · 2 评论 -
Angular4学习笔记(六)- Input和Output
概述Angular中的输入输出是通过注解@Input和@Output来标识,它位于组件控制器的属性上方。 输入输出针对的对象是父子组件。演示Input新建项目connInComponents:ng new connInComponents.新增组件stock:ng g component stock.在stock.component.ts中新增属性stockName并将其标记为输入@Inpu原创 2017-11-01 22:43:34 · 3930 阅读 · 2 评论 -
Angular4学习笔记(四)- 依赖注入
概念依赖注入是一种设计思想,并不是某一类语言所特有的,因此可以参考开涛大神关于学习Java语言的Spring框架时对其的解释: DI—Dependency Injection,即“依赖注入”:是组件之间依赖关系由容器在运行期决定,形象的说,即由容器动态的将某个依赖关系注入到组件之中。依赖注入的目的并非为软件系统带来更多功能,而是为了提升组件重用的频率,并为系统搭建一个灵活、可扩展的平台。通过依赖原创 2017-10-27 20:55:28 · 869 阅读 · 0 评论 -
Angular4学习笔记(七)- ViewChild和ViewChildren
基础ViewChildViewChild 装饰器用于获取模板视图中的元素或直接调用其组件中的方法。它支持 Type 类型或 string 类型的选择器,同时支持设置 read 查询条件,以获取不同类型的实例。比如ElementRef和ViewContainerRef.ViewChildrenViewChildren 装饰器是用来从模板视图中获取匹配的多个元素,返回的结果是一个 QueryList 集原创 2017-11-05 20:40:23 · 3851 阅读 · 0 评论 -
Angular4学习笔记(八)- ng-content
内容投影ng-contentng-content是一个占位符,有些类似于router-outlet。以前举の例子,父组件包含子组件都是直接指明子组件的selector,比如子组件的selector叫app-child,那么嵌入父组件时直接指明即可:<app-child></app-child>这是很硬性的编码,而ng-content就是用来替代这种硬性编码的。比如有个父组件这样定义:@Compone原创 2017-11-05 22:41:39 · 1634 阅读 · 0 评论 -
Angular4学习笔记(九)- 生命周期钩子简介
简介Angular 2 指令的生命周期,它是用来记录指令从创建、应用及销毁的过程。Angular 2 提供了一系列与指令生命周期相关的钩子,便于我们监控指令生命周期的变化,并执行相关的操作。Angular 2 中所有的钩子如下图所示: 分类指令与组件共有的钩子 ngOnChangesngOnInitngDoCheckngOnDestroy组件特有的钩子 ngAfterContentI原创 2017-11-05 22:49:11 · 5698 阅读 · 0 评论 -
Angular4学习笔记(十)- 组件间通信
分类父子组件通信非父子组件通信实现父子父子组件通信一般使用@Input和@Output即可实现,参考Angular4学习笔记(六)- Input和Output - 非父子 非父子组件见通信可以通过同一个service来实现。需要注意的是一定要在service中定义一个临时变量来供传递。比如我有两个组件来传递一个Book类型的数据,HomeComponent -> BookCompone原创 2017-11-11 02:50:41 · 4295 阅读 · 0 评论 -
ngx-bootstrap学习笔记(一)-popover
前言这月做了个ng2模块,其中有个校验功能,当校验不通过时给出提示,项目中使用jQuery实现,今天才发现ngx-bootstrap已经有现成功能了,且可封装成通用组件放入shareModule,使用方便。故记录如下。安装npm install ngx-bootstrap --save引入模块import {PopoverModule} from 'ngx-bootstrap/';@NgModule原创 2017-12-06 22:49:07 · 914 阅读 · 0 评论