2019年9月7日
边框的渐变
摘要： 针对边框的渐变色其实有两种理解: 第一种是纯边框： 写法是： border:1px solid #ddd; border-image: -webkit-linear-gradient(#da9f11, #daa21e , #dbbc7b) 20 20; border-image: -moz-line 阅读全文
posted @ 2019-09-07 11:33 一封未寄出的信 阅读(219) 评论(0) 推荐(1) 编辑
多背景图的设置
摘要： 多背景图的设置 background-image:url(1.jpg),url(2.jpg); background-image:url(1.jpg) no-repeat center/auto 200px,url(2.jpg) no-repeat center/auto 300px ,...; 设 阅读全文
posted @ 2019-09-07 11:28 一封未寄出的信 阅读(249) 评论(0) 推荐(1) 编辑
2019年8月1日
ng执行css3动画
摘要： 在组件html中 <div> <aside id="aside">侧边栏</aside> <div class="content"> <p><button (click)="showaside()">弹出侧边框</button></p> <p><button (click)="hiddenaside 阅读全文
posted @ 2019-08-01 14:59 一封未寄出的信 阅读(318) 评论(0) 推荐(1) 编辑
2019年7月31日
ng service(服务)
摘要： ng service（服务） 创建服务命令：ng g service services/+服务名 使用服务的注意事项： 使用（services）服务需要在app.,module.ts(根模块)中引用并配置 constructor(public storage:stroageservice)此句等同于 阅读全文
posted @ 2019-07-31 10:56 一封未寄出的信 阅读(1069) 评论(1) 推荐(2) 编辑
2019年7月30日
列出搜索过的数据(类似京东顶部搜索框)
摘要： tip： 只要进行数据绑定，一定要先检查是否在app_module.ts中进行过formsModule的数据引入，如果没有进行引入，在数据绑定的时候会出现报错 例一：京东搜索，历史记录 html: <div> <input type="text" [(ngModel)]="keyword"> <bu 阅读全文
posted @ 2019-07-30 16:50 一封未寄出的信 阅读(688) 评论(2) 推荐(4) 编辑
2019年7月26日
ng form组件（表单）
摘要： tip： 数据的双向绑定（数据的双向绑定只是针对表单） 实现数据的双向绑定需要在app_module.ts（根模块）中进行注册一些东西 import {FormsModule} from '@angular/forms'; @NgModule中的imports中进行声明一下FormsModule h 阅读全文
posted @ 2019-07-26 20:20 一封未寄出的信 阅读(906) 评论(2) 推荐(3) 编辑
数据的双向绑定
摘要： 数据的双向绑定（双向绑定只是针对表单） 数据的双向绑定（数据的双向绑定只是针对表单） 实现数据的双向绑定需要在app_module.ts（根模块）中进行注册一些东西 import {FormsModule} from '@angular/forms'; @NgModule中的imports中进行声明 阅读全文
posted @ 2019-07-26 17:03 一封未寄出的信 阅读(393) 评论(1) 推荐(2) 编辑
ng 点击事件
摘要： 执行事件获取数据 <div class="shijian"> <p>ng 事件</p> <p><button (click)="run();">执行事件</button></p> <p></p> <p>执行事件获取数据</p> <p><button (click)="getData();">执行事件 阅读全文
posted @ 2019-07-26 15:29 一封未寄出的信 阅读(463) 评论(1) 推荐(2) 编辑
[ngclass]、[ngstyle]、管道
摘要： [ngclass] 动态改变一个元素的class ts： public classcolor:boolean=false; public list:any = [{title:"新闻1"},{title:"新闻2"},{title:"新闻3"}] public classcolor:boolean= 阅读全文
posted @ 2019-07-26 14:43 一封未寄出的信 阅读(353) 评论(1) 推荐(2) 编辑
ng 循环数据
摘要： 在ts中 public list:any[]=[ {title:"新闻1",},{title:"新闻2"},{title:"新闻3"} ] 在html中 <div> <p>未显示索引</p> <p *ngFor="let item of list">{{item.title}}</p> <p>显示索 阅读全文
posted @ 2019-07-26 10:02 一封未寄出的信 阅读(402) 评论(0) 推荐(1) 编辑