![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
angular6
文章平均质量分 51
西红柿天尊
精通android,ios,java开发。
展开
-
angular6学习(十一):属性指令
一:ngStyle设置样式:ts文件:html文件 引用app-server显示: 二:ngClass设置离线时字体为白色ts文件html文件显示:三: ngfor 循环指令ts文件:html文件: 显示: ...原创 2018-09-30 11:34:24 · 522 阅读 · 0 评论 -
angular6学习(二):angular项目目录文件说明
原创 2018-09-28 11:37:59 · 263 阅读 · 0 评论 -
angular6学习(三):第一个数据绑定
实现功能:在输入框内输入内容,输入框下面同时出现输入的内容 步骤:1. 在app.component.html文件中添加输入框,内容设置为name,同时在下面显示name的内容: 2.修改app.module.ts, 引入表单模块在imports中添加 FormsModule即可。三:显示如下 ...原创 2018-09-28 14:57:05 · 180 阅读 · 0 评论 -
angular6学习(四):引入bootstrap样式框架
两种方法:第一种:引用链接1、 在index.html中添加bootstrap引用链接bootstrap链接地址可在官网复制:官网引用的链接参考如下(新版本无效果,建议用下面这个测试学习)<link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap.min.css"&g...原创 2018-09-28 17:03:33 · 807 阅读 · 0 评论 -
angular6学习(五):创建组键
两种创建方式:手动创建和命令创建手动创建:一:基础知识:代码说明:二:代码实现: 1.在app目录中新建组键目录和文件 2.ts文件中添加修饰器和引入模板 import {Component} from '@angular/core'; @Component({ selector: 'app...原创 2018-09-28 17:54:45 · 257 阅读 · 0 评论 -
angular6学习(六):调用模版文件设置
在app.component.ts文件中有内置模版文件和内置模板文件两种调用方式一:调用内置模版文件(默认) 一:调用外置模版文件如果换行则是“+”号...原创 2018-09-30 11:25:29 · 398 阅读 · 0 评论 -
angular6学习(七):样式设置和调用
样式调用是在app.component.ts中调用app.component.css设置(外置调用)也可内置调用一:外置调用 在html文件中添加h3标签,在css文件中设置h3样式 显示如下: 一:内置调用 在.ts文件中设置h3样式显示如下:...原创 2018-09-30 11:26:55 · 945 阅读 · 0 评论 -
angular6学习(八):数据绑定
数据绑定: 一、插值表达式绑定:{{data}}ts文件中:html文件中显示: 二、属性绑定:([property]="data")实现功能:开始时显示false,2秒后显示truets文件:html文件显示:最初:2秒后:按钮操作:2秒后按钮可用注意:判断布尔操作时只能用属性绑定,不能用插...原创 2018-09-30 11:28:56 · 245 阅读 · 0 评论 -
angular6学习(九):数据绑定到事件
实现功能:将html页面中文本框的输入的内容传递到ts文件,然后在html文件中显示ts文件中的这个内容。html文件一、绑定到事件ts文件显示结果: 二、双向绑定:html:app.module.ts ...原创 2018-09-30 11:31:24 · 847 阅读 · 0 评论 -
angular6学习(十):指令
基础知识 一:ngIf 实现功能:在输入框内输入内容,按按钮后将内容显示到下方ts文件html文件:显示:点击后:原创 2018-09-30 11:32:51 · 167 阅读 · 0 评论 -
angular6学习(一):用webStorm创建第一个项目
一:打开webstorm create即可要下载许多内容,耐心等待二运行选中package.json,右键,选择 show npm script 选中start,右键,再选择run ‘start’,然后浏览器访问http://localhost:4200 ...原创 2018-09-28 11:36:21 · 445 阅读 · 0 评论