![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
angular
你牛什么牛
这个作者很懒,什么都没留下…
展开
-
angular学习之路1
1,@Component是个装饰器函数,用于为该组件指定 Angular 所需的元数据。CLI 自动生成了三个元数据属性: selector— 组件的选择器(CSS 元素选择器) templateUrl— 组件模板文件的位置。 styleUrls— 组件私有 CSS 样式表文件的<h2> <h2>{{hero.name | upper...原创 2019-06-25 08:33:13 · 352 阅读 · 0 评论 -
angular学习之路13-模板驱动表单-英雄职业
1修改app.module.tsapp.module.ts定义了应用的根模块。其中标识即将用到的外部模块,以及声明属于本模块中的组件,例如HeroFormComponent。因为模板驱动的表单位于它们自己的模块,所以在使用表单之前,需要将FormsModule添加到应用模块的imports数组中。对它做如下修改:import { NgModule } fro...原创 2019-06-29 20:07:31 · 196 阅读 · 0 评论 -
angular学习之路14-表单验证
1,模板驱动验证每当表单控件中的值发生变化时,Angular 就会进行验证,并生成一个验证错误的列表(对应着 INVALID 状态)或者 null(对应着 VALID 状态)。你可以通过把ngModel导出成局部模板变量来查看该控件的状态。 比如下面这个例子就把NgModel导出成了一个名叫name的变量:<input id="name" name="name" cla...原创 2019-06-29 23:40:15 · 860 阅读 · 0 评论 -
angular学习之路15-动态表单
1,动态表单步骤1:响应式表单属于另外一个叫做ReactiveFormsModule的NgModule,所以,为了使用响应式表单类的指令,你得从@angular/forms库中引入ReactiveFormsModule模块。import { BrowserModule } from '@angular/platform-browser';i...原创 2019-06-30 00:22:52 · 465 阅读 · 0 评论 -
angular学习之路16-Observable 与 RxJS
1,可观察对象可观察对象支持在应用中的发布者和订阅者之间传递消息。 在需要进行事件处理、异步编程和处理多个值的时候,可观察对象相对其它技术有着显著的优点。可观察对象是声明式的 —— 也就是说,虽然你定义了一个用于发布值的函数,但是在有消费者订阅它之前,这个函数并不会实际执行。 订阅之后,当这个函数执行完或取消订阅时,订阅者就会收到通知。可观察对象可以发送多个任意类型的值 —— 字面量、...原创 2019-06-30 13:45:12 · 546 阅读 · 0 评论 -
angular学习之路17-引导启动
NgModule 用于描述应用的各个部分如何组织在一起。 每个应用有至少一个 Angular 模块,根模块就是你用来启动此应用的模块。 按照惯例,它通常命名为AppModule。如果你使用Angular CLI来生成一个应用,其默认的AppModule是这样的:/* JavaScript imports */import { BrowserModule } from '@ang...原创 2019-06-30 15:13:15 · 193 阅读 · 0 评论 -
angular学习之路18-ngmodule
1,NgModule简介NgModules用于配置注入器和编译器,并帮你把那些相关的东西组织在一起。NgModule 是一个带有@NgModule装饰器的类。@NgModule的参数是一个元数据对象,用于描述如何编译组件的模板,以及如何在运行时创建注入器。 它会标出该模块自己的组件、指令和管道,通过exports属性公开其中的一部分,以便外部组件使用它们。NgModule...原创 2019-06-30 17:36:41 · 928 阅读 · 0 评论 -
ionic3 日期比较
ionic中比较两个日期大小let overtime=this.returnVisitDetail.workVisitOutTime; //此处是接口返回的日期 格式是yyyy-MM-dd HH:mm:ss let dataTime = new Date(); // 获取当前日期let currenttime = this.datePipe.transform(dataTime, '...原创 2019-07-15 14:57:31 · 282 阅读 · 0 评论 -
angular学习之路19-Angular 中的依赖注入
创建和注册可注入的服务DI 框架让你能从一个可注入的服务类(独立文件)中为组件提供数据。为了演示,我们还会创建一个用来提供英雄列表的、可注入的服务类,并把它注册为该服务的提供商。创建可注入的服务类Angular CLI可以用下列命令在src/app/heroes目录下生成一个新的HeroService类。ng generate service heroes/hero上...原创 2019-06-30 22:44:48 · 235 阅读 · 0 评论 -
ionic3+angular5 ion-menu使用
由于项目在最初没有的时候没有打算在首页头部出现弹出侧边栏的形式,所以最初新建项目的时候并不是建的slide,所以现在需要在主页增加侧边栏1.在app.html里面:<ion-menu [content]="myNav"> //此处一定要绑定content属性,且此处的myNav和下面的#myNav相对应 不然会导致在主页html里面menuToggle属性后图标无法显示 ...原创 2019-07-21 16:21:40 · 715 阅读 · 0 评论 -
angular学习之路12-响应式表单
1,添加单个表单控件:步骤 1 - 注册ReactiveFormsModule要使用响应式表单,就要从@angular/forms包中导入ReactiveFormsModule并把它添加到你的 NgModule 的imports数组中。import { ReactiveFormsModule } from '@angular/forms';@NgModule({ ...原创 2019-06-29 17:30:56 · 413 阅读 · 0 评论 -
angular学习之路11-表单概述
1.简介建立表单模型响应式表单和模板驱动表单都是用表单模型来跟踪 Angular 表单和表单输入元素之间值的变化。下面的例子展示了如何定义和创建表单模型。在响应式表单中建立下面是一个带有输入字段的组件,它使用响应式表单实现了单个控件。import { Component } from '@angular/core';import { FormControl } from ...原创 2019-06-29 15:56:04 · 232 阅读 · 0 评论 -
angular学习之路10-管道
模板中使用“|”操作符来使用管道:<p>The hero's birthday is {{ birthday | date }}</p>如果管道具有参数,用冒号:来分隔参数,具有多个参数,参数之间也用冒号来分隔,例如:一参数:<p>The hero's birthday is {{ birthday | date:"MM/dd/yy" }} <...原创 2019-06-29 10:50:19 · 340 阅读 · 0 评论 -
angular学习之路2
1,Http 方法返回单个值所有的HttpClient方法都会返回某个值的 RxJSObservable。HTTP 是一个请求/响应式协议。你发起请求,它返回单个的响应。通常,Observable可以在一段时间内返回多个值。 但来自HttpClient的Observable总是发出一个值,然后结束,再也不会发出其它值。具体到这次HttpClient.get调用,...原创 2019-06-25 12:35:37 · 318 阅读 · 0 评论 -
angular学习之路3-架构
1,架构概览Angular 的基本构造块是NgModule,它为组件提供了编译的上下文环境。 NgModule 会把相关的代码收集到一些功能集中。Angular 应用就是由一组 NgModule 定义出的。 应用至少会有一个用于引导应用的根模块,通常还会有很多特性模块。 组件定义视图。视图是一组可见的屏幕元素,Angular 可以根据你的程序逻辑和数据来选择和修改它们。 每个应用都...原创 2019-06-25 20:09:31 · 273 阅读 · 0 评论 -
angular学习笔记4-模板语法
1,模型-视图-控制器 (MVC) 或模型-视图-视图模型 (MVVM)在 Angular 中,组件扮演着控制器或视图模型的角色,模板则扮演视图的角色模板中的 HTMLHTML 是 Angular 模板的语言。几乎所有的 HTML 语法都是有效的模板语法。 但值得注意的例外是<script>元素,它被禁用了,以阻止脚本注入攻击的风险。(实际上,<script...原创 2019-06-26 10:40:04 · 813 阅读 · 0 评论 -
angular学习之路5-生命周期钩子
1,指令和组件的实例有一个生命周期:当 Angular 新建、更新和销毁它们时触发。 通过实现一个或多个 Angularcore库里定义的生命周期钩子接口,开发者可以介入该生命周期中的这些关键时刻。每个接口都有唯一的一个钩子方法,它们的名字是由接口名再加上ng前缀构成的。比如,OnInit接口的钩子方法叫做ngOnInit, Angular 在创建组件后立刻调用它,:生命周...原创 2019-06-26 15:05:01 · 253 阅读 · 0 评论 -
angular学习之路6-组件交互
1,组件之间的交互通过输入型绑定把数据从父组件传到子组件HeroChildComponent有两个输入型属性,它们通常带@Input 装饰器父组件HeroParentComponent把子组件的HeroChildComponent放到*ngFor循环器中,把自己的master字符串属性绑定到子组件的master别名上,并把每个循环的hero实例绑定到子组件...原创 2019-06-26 18:32:26 · 210 阅读 · 0 评论 -
angular学习之路7-组件样式
1,特殊的选择器组件样式中有一些从影子(Shadow) DOM 样式范围领域(记录在W3C的CSS Scoping Module Level 1中) 引入的特殊选择器::host使用:host伪类选择器,用来选择组件宿主元素中的元素(相对于组件模板内部的元素)。:host { display: block; border: 1px solid black;}:...原创 2019-06-26 22:25:34 · 480 阅读 · 0 评论 -
angular学习之路8-angular自定义元素
1,Angular 元素就是打包成自定义元素的 Angular 组件。所谓自定义元素就是一套与具体框架无关的用于定义新 HTML 元素的 Web 标准。自定义元素会自举启动 —— 它们在添加到 DOM 中时就会自行启动自己,并在从 DOM 中移除时自行销毁自己。一旦自定义元素添加到了任何页面的 DOM 中,它的外观和行为就和其它的 HTML 元素一样了,不需要对 Angular 的术语或使...原创 2019-06-26 22:54:16 · 1834 阅读 · 2 评论 -
angular学习之路9-动态组件
1,指令在添加组件之前,先要定义一个锚点来告诉 Angular 要把组件插入到什么地方。广告条使用一个名叫AdDirective的辅助指令来在模板中标记出有效的插入点。import { Directive, ViewContainerRef } from '@angular/core';@Directive({ selector: '[ad-host]',})exp...原创 2019-06-26 23:37:23 · 977 阅读 · 0 评论 -
angular学习报错
1Could not find module "@angular-devkit/build-angular" from解决办法:npm i --save-dev @angular-devkit/build-angular另如果无法解决:https://blog.csdn.net/qq_42705213/article/details/81977863转载...原创 2019-06-24 14:58:40 · 187 阅读 · 0 评论 -
ionic3+angular5 使用ion-datetime导致界面其他控件的点击事件全部被datetime占用问题
代码: <div class="form-body"> <div class="form-li"> <div class="form-label"> <span class="label-text">作业ID</span> </div> <d...原创 2019-07-26 14:55:10 · 625 阅读 · 0 评论