随笔分类 - Zeus_Angular
摘要：1 carousel 是一个通过循环播放图片、文本的幻灯片；就像一个旋转旋转木马一样，但是不支持嵌套使用 2 如何使用 2.1 搭建ngx-bootstrap使用环境 参见博文：点击前往 2.2 在模块级别导入CarouselModule 2.3 在需要用到的地方直接使用 3 综合运用 待更新...
阅读全文
摘要：1 Alerts 该组件用于给用户操作提供反馈信息或者提供一些警告信息 2 用法 2.1 下载ngx-bootstrap依赖 参考博文：点击前往 2.2 在模块级别导入AlertModule模块 技巧01：由于AlertModule是一个工具组件，在实际开发中一般都是在共享模块进行导入的 impor
阅读全文
摘要：1 Accordion组件 该组件通过一个可折叠的控制面板去在有限空间内显示更多的信息 according组件在可折叠指令的最外层，该组件提供了一些列的项目列表去显示被折叠的内容，这些项目列表包含header和body，通过单击这些项目列表的header就可以让body实现关闭和打开效果，从而实现折
阅读全文
摘要：1 版本说明 2 新建一个angular项目 代码解释：创建一个样式文件格式为SCSS的angular项目 技巧01：由于我angular-cli的版本是1.4.9，所以创建的angular项目使用的是angular4，由创建好的angular项目所下载的依赖包可以看出 2.1 运行项目 技巧01：
阅读全文
摘要：1 基础知识 1.1 动画 就是从一个状态过渡到另外一个状态 1.2 状态 元素本身的形状、颜色、大小等 1.3 Angular中的动画 给元素添加一个触发器，当这个触发器被触发后就会让该元素的状态发生变化，其中状态用state表示，状态之间的转变用transition表示 2 如何使用Browse
阅读全文
摘要：1 MdRadioModule 相当于<input type="radio"> 2 使用步骤 2.1 在共享模块导入MdRadioModule import { NgModule } from '@angular/core'; import { CommonModule } from '@angul
阅读全文
摘要：1 MdCheckboxModule的使用 md-checkbox 实现的功能和 <input type="checkbox"> 相同，只不过 md-checkbox 新增了一些materil样式和动画而已 1.1 在共享模块中引入MdCheckboxModule import { NgModule
阅读全文
摘要：1 MatDialog 1.1 简要描述 MdDialog是一个服务，可以利用它来打开一个具有material风格和动画效果的对话框 技巧01：虽然已经在模块级别导入了MdDialogModule但是在需要依赖注入MdDialog服务的组件仍然需要单独导入MdDialog服务 import { Ng
阅读全文
摘要：1 MatGridListModule简介 对相似数据的展现，尤其是像是图片的展示 使用起来很像表格 官方文档：点击前往 2 MatGridListModule提供的指令 2.1 mat-grid-list 2.1.1 指令说明 一个二维的列表视图 <md-grid-list cols="4" ro
阅读全文
摘要：需求： 1 不使用materil依赖内建的主题，使用自己创建的主题 2 利用自己创建的主题实现白天模式和黑夜模式 1 自定义主题 1.1 创建自定义主题文件 them.scss // 引入material自定义主题支持 @import '~@angular/material/theming'; //
阅读全文
摘要：1 在共享模块中导入MdListModule模块 import { NgModule } from '@angular/core'; import { CommonModule } from '@angular/common'; import { MdSidenavModule, MdToolbar
阅读全文
摘要：设计需求：设计一个登陆页面 1 模块导入 1.1 将MdCardModule和MdButtonModule模块导入到共享模块中 import { NgModule } from '@angular/core'; import { CommonModule } from '@angular/commo
阅读全文
摘要：1 创建相关 1.1 创建项目 ng new 项目名 -> 创建新项目 ng new 项目名 --skip-install -> 不进行模块安装 ng new 项目名 -si ng new 项目名 -si --style=scss -> 执行样式风格 1.2 其它创建命令 ng g m 模块名 ->
阅读全文
摘要：前提准备： 搭建好Angular开发环境 1 安装Visual Studio Code 教程简单，不会的去问度娘 2 安装Chrome浏览器 教程简单，不会的趣闻度娘 3 Visual Studio Code需要安装的插件 3.1 Debugger for Chrome 用于直接在谷歌浏览器中调试A
阅读全文
摘要：需求：先需要增加一个登录模块 1 创建登录模块 ng g m testLogin 1.1 将共享模块导入到登录模块中 import { NgModule } from '@angular/core'; import { TestLoginComponent } from './test-login/
阅读全文
摘要：1 MdIconModule模块的使用 1.1 在需要用到的模块中引入Material图标模块 import { BrowserModule } from '@angular/platform-browser'; import { NgModule } from '@angular/core'; i
阅读全文
摘要：前提准备： 构建好一个Angular2应用 熟悉CSS的flex布局风格 1 利用flex进行布局 1.1 创建三个组件 app-header app-main app-footer 1.2 在主组件中编写大体结构代码 1.3 在全局样式中编写代码实现flex风格布局 1.3 布局效果如下 2 利用
阅读全文
摘要：一、angular2实现文件上传前端 Angular2使用ng2-file-upload上传文件，Angular2中有两个比较好用的上传文件的第三方库，一个是ng2-file-upload，一个是ng2-uploader。ng2-uploader是一个轻便的上传文件的支持库，功能较弱，而ng2-fi
阅读全文
摘要：1 问题描述 利用angular2发送PUT请求时，后端接收不到参数 2 问题诊断 前段参数格式问题，后端获取参数的方法不对 3 解决问题 angular前段：将所有参数编程JSON字符串形式 springBoot后端：在控制方法中的形参中添加@RequesBody注解，这样就会自动将请求中body
阅读全文
浙公网安备 33010602011771号