angular6
文章平均质量分 51
西红柿天尊
精通android,ios,java开发。
展开
-
angular6学习(十一):属性指令
一:ngStyle 设置样式: ts文件: html文件 引用app-server 显示: 二:ngClass 设置离线时字体为白色 ts文件 html文件 显示: 三: ngfor 循环指令 ts文件: html文件: 显示: ...原创 2018-09-30 11:34:24 · 530 阅读 · 0 评论 -
angular6学习(二):angular项目目录文件说明
原创 2018-09-28 11:37:59 · 271 阅读 · 0 评论 -
angular6学习(三):第一个数据绑定
实现功能:在输入框内输入内容,输入框下面同时出现输入的内容 步骤: 1. 在app.component.html文件中添加输入框,内容设置为name,同时在下面显示name的内容: 2.修改app.module.ts, 引入表单模块 在imports中添加 FormsModule即可。 三:显示如下 ...原创 2018-09-28 14:57:05 · 185 阅读 · 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 · 813 阅读 · 0 评论 -
angular6学习(五):创建组键
两种创建方式:手动创建和命令创建 手动创建: 一:基础知识: 代码说明: 二:代码实现: 1.在app目录中新建组键目录和文件 2.ts文件中添加修饰器和引入模板 import {Component} from '@angular/core'; @Component({ selector: 'app...原创 2018-09-28 17:54:45 · 265 阅读 · 0 评论 -
angular6学习(六):调用模版文件设置
在app.component.ts文件中有内置模版文件和内置模板文件两种调用方式 一:调用内置模版文件(默认) 一:调用外置模版文件 如果换行则是“+”号 ...原创 2018-09-30 11:25:29 · 403 阅读 · 0 评论 -
angular6学习(七):样式设置和调用
样式调用是在app.component.ts中调用app.component.css设置(外置调用)也可内置调用 一:外置调用 在html文件中添加h3标签,在css文件中设置h3样式 显示如下: 一:内置调用 在.ts文件中设置h3样式 显示如下: ...原创 2018-09-30 11:26:55 · 952 阅读 · 0 评论 -
angular6学习(八):数据绑定
数据绑定: 一、插值表达式绑定:{{data}} ts文件中: html文件中 显示: 二、属性绑定:([property]="data") 实现功能:开始时显示false,2秒后显示true ts文件: html文件 显示: 最初: 2秒后: 按钮操作:2秒后按钮可用 注意: 判断布尔操作时只能用属性绑定,不能用插...原创 2018-09-30 11:28:56 · 251 阅读 · 0 评论 -
angular6学习(九):数据绑定到事件
实现功能:将html页面中文本框的输入的内容传递到ts文件,然后在html文件中显示ts文件中的这个内容。 html文件 一、绑定到事件 ts文件 显示结果: 二、双向绑定: html: app.module.ts ...原创 2018-09-30 11:31:24 · 853 阅读 · 0 评论 -
angular6学习(十):指令
基础知识 一:ngIf 实现功能:在输入框内输入内容,按按钮后将内容显示到下方 ts文件 html文件: 显示: 点击后:原创 2018-09-30 11:32:51 · 172 阅读 · 0 评论 -
angular6学习(一):用webStorm创建第一个项目
一:打开webstorm create即可 要下载许多内容,耐心等待 二运行 选中package.json,右键,选择 show npm script 选中start,右键,再选择run ‘start’,然后浏览器访问http://localhost:4200 ...原创 2018-09-28 11:36:21 · 453 阅读 · 0 评论