Angular
七刀
爱编程,爱学习,爱分享……
现在关注我的以后可都是老粉了……
展开
-
Angular2学习环境安装及第一个小项目
1.安装最新版nodejs。下载地址:http://nodejs.cn/download/安装完成后 ctrl+r -> cmd ->进入cmd命令面板输入node -vnpm -v然后成功显示如下,就证明你环境装成功啦。这时候输入path能看到机子的环境变量,经过上面的两行,系统会自动吧node和npm的环境变量加原创 2017-10-17 22:06:37 · 405 阅读 · 0 评论 -
angular6学习(七):样式设置和调用
样式调用是在app.component.ts中调用app.component.css设置(外置调用)也可内置调用一:外置调用 在html文件中添加h3标签,在css文件中设置h3样式 显示如下:一:内置调用 在.ts文件中设置h3样式显示如下:...原创 2018-06-20 10:19:14 · 6085 阅读 · 0 评论 -
angular6学习(六):调用模版文件设置
在app.component.ts文件中有内置模版文件和内置模板文件两种调用方式一:调用内置模版文件(默认) 一:调用外置模版文件如果换行则是“+”号原创 2018-06-20 10:06:19 · 1997 阅读 · 1 评论 -
angular6学习(五):创建组键
一:基础知识:代码说明:二:代码实现: 1.在app目录中新建主键目录和文件 2.ts文件中添加修饰器和引入模板 import {Component} from '@angular/core';@Component({ selector: 'app-server', templateUrl: './server.component.html' })export c...原创 2018-06-19 22:16:43 · 2244 阅读 · 1 评论 -
angular6学习(四):引入bootstrap样式框架
两种方法:第一种:引用链接1、 在index.html中添加bootstrap引用链接bootstrap链接地址可在官网复制:官网引用的链接参考如下(新版本无效果,建议用下面这个测试学习)<link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap.min.css">2、打开app.c...原创 2018-06-19 18:54:10 · 22273 阅读 · 6 评论 -
angular6学习大纲
学习大纲原创 2018-06-19 17:12:29 · 1705 阅读 · 1 评论 -
angular6学习(三):第一个数据绑定
实现功能:在输入框内输入内容,输入框下面同时出现输入的内容步骤:1. 在app.component.html文件中添加输入框,内容设置为name,同时在下面显示name的内容: 2.修改app.module.ts, 引入表单模块在imports中添加 FormsModule即可。三:显示如下...原创 2018-06-19 17:10:22 · 2095 阅读 · 1 评论 -
angular6学习(二):angular项目目录文件说明
原创 2018-06-19 17:02:44 · 2901 阅读 · 1 评论 -
angular6学习(一):用webStorm创建第一个项目
一:打开webstorm create即可要下载许多内容,耐心等待原创 2018-06-19 11:29:26 · 6423 阅读 · 1 评论 -
angular6学习(十一):属性指令
一:ngStyle设置样式:ts文件:html文件引用app-server显示:二:ngClass设置离线时字体为白色ts文件html文件显示:三: ngfor 循环指令ts文件:html文件:显示:...原创 2018-06-20 21:00:05 · 4629 阅读 · 0 评论 -
angular6学习(十):指令
基础知识一:ngIf 实现功能:在输入框内输入内容,按按钮后将内容显示到下方ts文件html文件:显示:点击后:原创 2018-06-20 20:19:32 · 2599 阅读 · 0 评论 -
angular6学习(九):数据绑定到事件
实现功能:将html页面中文本框的输入的内容传递到ts文件,然后在html文件中显示ts文件中的这个内容。html文件一、绑定到事件ts文件显示结果:二、双向绑定:html:app.module.ts...原创 2018-06-20 19:49:57 · 3789 阅读 · 1 评论 -
angular2路由path不能传递参数的问题
ts文件中 代码为{ path: 'directory/:person', component: DirectoryComponent },导致页面不能跳转。解决办法:不在path中传递参数,在routerLink传递参数即可解决Directory参考资料:http://www.jianshu.com/p/02d5d6da0766原创 2017-10-28 20:35:17 · 1606 阅读 · 0 评论 -
angular2在双向数据绑定时[(ngModel)]无法使用的问题
angular2在双向数据绑定时[(ngModel)]无法使用,出现的错误是:Can't bind to 'ngModel' since it isn't a known property of 'input'.解决办法:在文件 app.component.ts 中引入ngModel具体为:添加两行代码:import { FormsModule } from '@angul原创 2017-10-28 16:05:19 · 10372 阅读 · 3 评论 -
angular6学习(八):数据绑定
数据绑定:一、插值表达式绑定:{{data}}ts文件中:html文件中显示:二、属性绑定:([property]="data")视频上面不显示!原创 2018-06-20 12:01:18 · 3246 阅读 · 1 评论