07 2019 档案
摘要：ng service（服务） 创建服务命令：ng g service services/+服务名 使用服务的注意事项： 使用（services）服务需要在app.,module.ts(根模块)中引用并配置 constructor(public storage:stroageservice)此句等同于
阅读全文
摘要：tip： 只要进行数据绑定，一定要先检查是否在app_module.ts中进行过formsModule的数据引入，如果没有进行引入，在数据绑定的时候会出现报错 例一：京东搜索，历史记录 html: <div> <input type="text" [(ngModel)]="keyword"> <bu
阅读全文
摘要：tip： 数据的双向绑定（数据的双向绑定只是针对表单） 实现数据的双向绑定需要在app_module.ts（根模块）中进行注册一些东西 import {FormsModule} from '@angular/forms'; @NgModule中的imports中进行声明一下FormsModule h
阅读全文
摘要：数据的双向绑定（双向绑定只是针对表单） 数据的双向绑定（数据的双向绑定只是针对表单） 实现数据的双向绑定需要在app_module.ts（根模块）中进行注册一些东西 import {FormsModule} from '@angular/forms'; @NgModule中的imports中进行声明
阅读全文
摘要：执行事件获取数据 <div class="shijian"> <p>ng 事件</p> <p><button (click)="run();">执行事件</button></p> <p></p> <p>执行事件获取数据</p> <p><button (click)="getData();">执行事件
阅读全文
摘要：[ngclass] 动态改变一个元素的class ts： public classcolor:boolean=false; public list:any = [{title:"新闻1"},{title:"新闻2"},{title:"新闻3"}] public classcolor:boolean=
阅读全文
摘要：在ts中 public list:any[]=[ {title:"新闻1",},{title:"新闻2"},{title:"新闻3"} ] 在html中 <div> <p>未显示索引</p> <p *ngFor="let item of list">{{item.title}}</p> <p>显示索
阅读全文
摘要：对于图片的引用有两种类型 本地中图片需要存放在静态资源夹assets中下新建的文件夹images文件夹中 eg：images文件夹中有一张01.png 的图片 显示本地图片 html中 <div> <p><img src="assets/images/01.png" alt=""></p> </di
阅读全文
摘要：tip:数据的定义需要在对应ts中进行，调用在html中 定义数组： ts中 public arr =["111","222","333"]; html中 <li *ngFor="let item of arr">{{item}}</li> 指定数据类型 ts中 这两种方式可以任选其一都可以 htm
阅读全文
摘要：tip:所有的数据绑定，属性绑定，对象绑定，html绑定最好都要在对应的ts文件中进行，使用是在对应的html中 ng 中的是三个声明属性的方式 定义数据类型： any可以是任何数据类型,定义是什么类型后面就接什么数据类型 public username:any= "luck"; public li
阅读全文
摘要：同级组件之间的引用： 组件的创建模式在上一篇文章中写到过 ng g component components / 组件名 新建组件的方法有两种，同样的，在这里推荐命令的方式进行（可以省略手动添加配置） 在命令的方式下，创建组件之后，就已经在根模块中进行了配置，这时候只需要在需要引用的组件中进行引用，
阅读全文
摘要：组件存放在根组件中 链接：https://cli.angular.io/ 一般我们要自定义的组件，会在单独的存放一个文件夹中 例如：components文件夹 方法一 .在app文件夹中新建components文件夹， 方法二 使用命令ng g 来创建 1）cd到项目中 2）输入ng g 会出现一些
阅读全文
摘要：全局安装 1.node.js 2.cnpm 3.typeScript 4.ng-cli 指定安装： 1.首先在想要的盘符内新建一个名字 例： D盘中新建一个angualr的文件夹 2.在开始菜单中输入cmd 进入，然后进入到盘符中的新建的文件夹中 D: cd angular 3.然后开始进行新建项目
阅读全文
摘要：在新建的项目中需要我们关注的就是package.json和src文件夹 node_modules (项目所需依赖)是package.json所创建的模块安装到node_modules中 src:是代码的归属地，我们所需要写的代码哦基本都是在此文件夹下完成（定义组件，定义服务等） package.js
阅读全文
摘要：tip:所有的命令是红色标签 ， 链接为蓝色标签 使用ng-cli创建新的项目一般需要安装一些新的东西后才可以进行创建成功 1.需要先安装node.js 链接: https://nodejs.org/ 找到合适自己电脑的版笨，进行下载安装 2.安装完成之后，在开始菜单中输入cmd 进入命令，输入no
阅读全文
