Angular
angular 7x版本以上学习
前端.攻城狮
我大意了
展开
-
Angular cli 搭建前端项目常用命令
1.创建项目 -- ng new my-app | ng new my-app --routing // my-app 为项目名称,, --routing 带路有项目2.带有路由的模块 -- ng generate module event --routing | ng g m event --routing // m为简写 event 为模块名3.添加服务service -- ng generate service hero // hero 为服务名原创 2021-05-17 11:28:54 · 224 阅读 · 2 评论 -
ng-zorro组件库默认样式修改
1.nz-zorro组件样式修改当我们想修改组件默认的样式时,一般是通过F12控制台,定位到需要修改的DOM元素,然后找到它对应的class,然后复制去我们对应代码的 css/less 文件中重写覆盖原有的组件样式。// 重写组件样式,高度修改为0.ant-timeline-item-last>.ant-timeline-item-content { min-height: 0px;}但是发现这么写并没有修改成功,还是组件默认的样式。我们还需要在样式前面加上特殊的标识类名等原创 2020-09-05 09:20:49 · 2440 阅读 · 2 评论 -
Angular 中的路由详细配置过程
一、Angular 创建一个默认带路由的项目1. 命令创建项目 ng new angualrdemo08 --skip-install2. 创建需要的组件ng g component home ng g component news ng g component newscontent3. 找到 app-routing.module.ts 配置路由引入组件import { HomeComponent } from './home/home.component'; import {原创 2020-07-18 14:39:28 · 2140 阅读 · 0 评论 -
Angular 父子组件以及组件之间通讯
一、父组件给子组件传值-@input父组件不仅可以给子组件传递简单的数据,还可把自己的方法以及整个父组件传给子组件1. 父组件调用子组件的时候传入数据<app-header [msg]="msg"></app-header>2. 子组件引入 Input 模块import { Component, OnInit ,Input } from '@angular/core';3. 子组件中 @Input 接收父组件传过来的数据export class HeaderComp原创 2020-07-12 19:40:15 · 272 阅读 · 0 评论 -
angular 组件分析及常用内置指令
一、app.module.ts 组件分析1. app.module.ts定义 AppModule,这个根模块会告诉 Angular 如何组装该应用。项目中创建的所有组件都会在这里声明。2. 自定义组件创建组件: ng g component components/header组件 Module.ts 内容详解:import { Component, OnInit } from '@angular/core'; /*引入 angular 核心*/ @Component({ select原创 2020-07-04 23:04:20 · 706 阅读 · 0 评论 -
使用Angular Cli创建运行Angular项目
一、Angular环境搭建1、安装前准备工作1.1、安装node.js安装angular的计算机上面必须安装最新的node.js–注意安装nodejs稳定版本1.2、修改镜像建议使用淘宝镜像安装 https://npm.taobao.org/npm install -g cnpm --registry=https://registry.npm.taobao.org2、使用 npm/cnpm 命令全局安装angular/cli (只需要安装一次)npm install -g @angula原创 2020-07-04 22:12:26 · 628 阅读 · 0 评论