Menqq的博客

placeholder颜色调整：/* WebKit browsers 适配谷歌 */input::-webkit-input-placeholder { color: #BDCADA;} /* Mozilla Firefox 4 to 18 适配火狐 */input:-moz-placeholder { color: #BDCADA;} /* Mozilla Firefox 19+ 适配火狐 */input::-moz-placeholder { color: #B

当面临一个项目拥有多套肤色时，图标更建议使用svg格式，不同色系不同图标颜色；给svg图标添加class <div class="column-item"> <div class="cp-pointer flex-box" (click)="gogogo(1)"><!-- <img class="cp-l mr10 cp-icon" src="assets/images/schematwo.pn

import { Component } from '@angular/core';@Component({ selector: 'nz-demo-input-presuffix', template: ` <nz-input-group [nzSuffix]="suffixTemplateInfo" [nzPrefix]="prefixTemplateUser"> <input type="text" nz-input placeholder="Enter

类名等 前加::ng-deep；//会全局修改该组件的样式，也就是会把别人的样式给修改了，以你修改的为主了**加粗样式**类名等 前加:root；//试过没有效果类名等 前加:host /deep/；//不会全局修改类名等 前加:host ::ng-deep；//组合在一起用也可以，不会全局修改...

类名等 前加::ng-deep；类名等 前加：root；类名等 前加:host /deep/；在审查元素中找到对应的类名或id，然后直接在自己的css文件中用相同的名字定义样式就可以直接替换了。 ::ng-deep .ant-input-group-addon{ background-color: @tabs-card-head-input-background; border: 1px solid @tabs-card-head-input-background;

Form表单具有数据收集、校验和提交功能的表单，包含复选框、输入框、下拉选择框等元素。需要与Angular表单结合使用，可自由选择 响应式表单或模板驱动表单。表单提供了三种排列方式：水平排列：标签和表单控件水平排列；（默认）垂直排列：标签和表单控件上下垂直排列；行内排列：表单项水平内排列。表单项nz-form-item表单项用于区分表单中不同的区域，包含表单域和表单标签（可选）。所有nz-col的参数在nz-form-item上均可直接使用。表单标签nz-form-label用于

当 Angular 实例化组件类并渲染组件视图及其子视图时，组件实例的生命周期就开始了。生命周期一直伴随着变更检测，Angular 会检查数据绑定属性何时发生变化，并按需更新视图和组件实例。当 Angular 销毁组件实例并从 DOM 中移除它渲染的模板时，生命周期就结束了。当 Angular 在执行过程中创建、更新和销毁实例时，指令就有了类似的生命周期。当你的应用通过调用构造函数来实例化一个组件或指令时，Angular 就会调用那个在该实例生命周期的适当位置实现了的那些钩子方法。Angular .

官网：在 Angular 中，组件的 CSS 样式被封装进了自己的视图中，而不会影响到应用程序的其它部分。通过在组件的元数据上设置视图封装模式，你可以分别控制每个组件的封装模式。 可选的封装模式一共有如下几种：ShadowDom 模式使用浏览器原生的 Shadow DOM 实现（参阅 MDN 上的 Shadow DOM）来为组件的宿主元素附加一个 Shadow DOM。组件的视图被附加到这个 Shadow DOM 中，组件的样式也被包含在这个 Shadow DOM 中。(译注：不进不出，没有样式

整一段代码到 twoer.component.html<div class="modal fade show d-block" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-c

创建组件ng命令生成组件会自动引入我们所创建的新组件中。建议ng命令作为创建组件的首选。在src/app/components/创建一个twoer组件命令：ng generate component <name> [options]ng g c <name> [options] （简写）常用的options:--export=true|false //true，将exports（导出）这个组件--inlineStyle=true|false //样式是否为内联形式

Angular属性绑定，class绑定，事件绑定，属性样式绑定

组件创建在所要创建的文件夹下，运行ng generate component component-overview是组建的名称。创建结束后出现一个以该组件命名的文件夹一个组件文件 .component.ts一个模板文件 .component.html一个 CSS 文件， .component.css测试文件 .component.spec.ts组件模板定义在component-overview.component.ts中import { Component, OnInit } f

安装Angular Clinpm install -g @angular/cli@10安装完成后查看是否安装成功ng --version出现这表示安装成功：项目创建进入到你想创建项目的根目录下后：cmd中执行：ng new heroine（heroine是你创建的项目名字）目录讲解e2e （end-to-end）端到端测试目录node_modules 依赖包src 应用程序源代码目录 environm

在安装Angular前首先必备条件：node安装好并配置环境（需要可点击查看）推荐使用 Visual Studio Code开发工具安装Angular CliCLI是Command Line Interface的简写。用来创建项目、创建应用和库代码，并执行多种开发任务，比如测试、打包和发布。国内安装过程可能会报错，可以使用梯子或淘宝镜像。淘宝镜像npm config set registry https://registry.npm.taobao.orgAngular安装npm install

*ngFor渲染每个商品<div *ngFor="let product of products"></div>[ ]属性绑定<div *ngFor="let product of products"> <h3> <a [title]="product.name + ' details'"> </a> </h3></div>{{}}插值<div *ngFor="

多看官网：https://angular.cn/start目录结构：打开 product-alerts.component.tsimport { Component, OnInit } from '@angular/core';@Component({ // @Component表明下面的类是一个组件 selector: 'app-product-alerts', templateUrl: './product-alerts.component.html', styleUrls: