前端
为不为
这个作者很懒,什么都没留下…
展开
-
angular2入门(1)-如何启动一个项目
启动angular2项目: 1:前提是你安装了ide,及其上的环境 2:下载一个angular2的源码,导入到ide(本人使用的是webstorm) 中 3:4:然后在命令行中输入npm install,等相关依赖下载完后,再输入npm start 就可以在网站中输入http://localhost:4200 登录了原创 2017-10-27 09:22:26 · 2204 阅读 · 0 评论 -
angular2 cli 命令使用
使用angular2的命令行模式可以快速开发 1.当你新建一个项目的时候,它长这样2.当你想要在app文件夹下新建一个login目录,则需要在命令行中输入ng g c login 3.当你想要在login目录下再建一个login-in目录时,则需在命令中输入cd src/app/login 再输入ng g c login-in 4.最终效果如下:原创 2017-10-27 10:24:10 · 402 阅读 · 0 评论 -
Angular2核心组件@Component
看angular2的项目常常会出现以下的组件@Component({ selector: 'text-input', templateUrl: './text-input.component.html', styleUrls: ['./text-input.component.css']})常用的意思如下:animations - 规定这个component的动画列表changeDe原创 2017-10-27 14:19:26 · 1122 阅读 · 0 评论 -
angular的hero例子(1)
作为 官网的例子,以这个例子入门angular新建一个项目: 然后 ng generate component heroes代码: heroes.component.tsimport { Component, OnInit } from '@angular/core';import { Hero } from '../hero';@Component({ selector: 'ap原创 2017-12-04 18:22:57 · 411 阅读 · 0 评论 -
angular的hero例子(2)
展示多个英雄 *ngfor的使用代码: heroes.component.tsimport { Component, OnInit } from '@angular/core';import { Hero } from '../hero';@Component({ selector: 'app-heroes', templateUrl: './heroes.component.ht原创 2017-12-04 18:31:18 · 292 阅读 · 0 评论 -
angular的hero例子(3)
就是把detail放在另一个组件里 ng generate component hero-detail代码: heroes.component.tsimport { Component, OnInit } from '@angular/core';import { Hero } from '../hero';@Component({ selector: 'app-heroes',原创 2017-12-04 18:42:36 · 1444 阅读 · 0 评论 -
angular的hero例子(5)
route的使用 ng generate module app-routing –flat –module=app ng generate component dashboard代码: heroes.component.tsimport { Component, OnInit } from '@angular/core';import { Hero } from '../hero';原创 2017-12-05 09:21:26 · 1000 阅读 · 0 评论 -
angular的hero例子(4)
service的使用 ng generate service hero –module=app ng generate service message –module=app代码: heroes.component.tsimport { Component, OnInit } from '@angular/core';import { Hero } from '../hero';@C原创 2017-12-05 08:50:29 · 1086 阅读 · 0 评论 -
angular实战(1)
angular折叠面板的使用 <nz-sider nzCollapsible [(nzCollapsed)]="isCollapsed" [nzTrigger]="null"> <nz-collapseset> <nz-collapse *ngFor="let panel of panels" [nzTitle]="panel.title" [nzActive]="panel.原创 2017-12-06 15:21:48 · 1250 阅读 · 1 评论