angular学习

angular学习笔记

基本语法*ngFor*ngIf父子组件通信子组件调用父组件的数据：父组件传入[title]='title',子组件@input接收之后通过this直接使用子组件调用父组件的方法：同上父组件调用子组件的数据：子组件#footer命名，父组件@viewChild引入，通过this.footer.*使用子组件暴露一个EventEmitter属性，当事件发生时，子组件利用该属性emits(向上弹射)事件。
halowyn·2023-03-22 05:05

Angular学习笔记-深入学习

Angular有什么特点基于Angular我们可以构建适用于所有平台的应用。比如：Web应用、移动Web应用、移动应用和桌面应用等。通过WebWorker和服务端渲染(SSR)，达到在如今Web平台上所能达到的最高渲染速度。Angular让你能够有效掌控可伸缩性。基于RxJS、Immutable.js和其它推送模型，能适应海量数据需求。在Angular中，我们可以使用{{}}插值语法实现数据绑定。
赵客缦胡缨v吴钩霜雪明·2023-03-18 12:23

Angular学习笔记-路由及参数传递

生成一个新的项目--routing会为我们生成路由相关的模块ngnewrouter--routing路由相关的对象：routes路由的配置，保存了哪个url对应展示哪个对象，以及在哪个routerOutlet中展示。routeOutlet占位符指令，在html中标记路由呈现的位置。router负责在运行时执行路由的对象。navigate()navigateByUrl()这两个方法来导航到一个指定的
赵客缦胡缨v吴钩霜雪明·2023-03-10 19:06

Vue知识点 超详细!万字说明！

Vue和其他两大框架的区别Angular学习成本太高React代码可读性差Vue学习成本较低很容易上手vue官网：https://cn.vuejs.org/v2/guide/comparison.htmlVue
Carefree1990·2023-03-10 16:56

[Angular学习笔记]路由与导航

路由与导航在用户使用应用程序时，Angular的路由器能让用户从一个视图导航到另一个视图。导入路由Angular的路由器是一个可选的服务，它用来呈现指定的URL所对应的视图。它并不是Angular核心库的一部分，而是在它自己的@angular/router包中。像其它Angular包一样，你可以从它导入所需的一切。import{RouterModule,Routes}from'@angular/r
salt_fash·2023-03-09 12:04

基于webassembly的H265视频播放器前端Angular学习笔记5:使用WebGL在canvas上渲染H256解码数据

基于webassembly的H265视频播放器前端Angular学习笔记5:使用WebGL在canvas上渲染H256解码数据使用wasm解码H265创建组件与路由获取H265解码数据重写webgl.js
跃龙客·2022-12-05 10:37

vue知识点总结

1、Vue和其他两大框架的区别Angular学习成本太高React代码可读性差Vue学习成本较低很容易上手传送门https://cn.vuejs.org/v2/guide/comparison.html️2
liyihh·2022-07-22 07:44

超硬核 Web 前端学霸笔记，学完就去找工作！

文章和教程Vue学习笔记Node学习笔记React学习笔记Angular学习笔记RequireJS学习笔记Webpack学习笔记Gulp学习笔记Python学习笔记Egret引擎学习笔记流处理，TCP和
·2022-01-10 08:35

超硬核 Web 前端学霸笔记，学完就去找工作！

文章和教程Vue学习笔记Node学习笔记React学习笔记Angular学习笔记RequireJS学习笔记Webpack学习笔记Gulp学习笔记Python学习笔记Egret引擎学习笔记流处理，TCP和
·2021-11-29 08:50

Angular学习第一天

Angular学习第一天第一天学习目标如何创建angular新工程什么是单向绑定什么是双向绑定双向绑定需要注意事项如何查看错误运行错误如何创建一个简单的导出类打开命令行工具，输入ngnewuser-managment
开心小乐宝·2021-06-14 09:41

angular学习之一（ng-click源码）

首先贴出ng-click实现的源码,我做了一些注释forEach(//依次生成ng-click/ng-dblclick...'clickdblclickmousedownmouseupmouseovermouseoutmousemovemouseentermouseleavekeydownkeyupkeypresssubmitfocusblurcopycutpaste'.split(''),fun
inu1255·2021-05-19 03:38

Angular学习笔记(17)—ui-router

安装$bowerinstallangular-ui-router--saveangular.module('myApp',['ui.router']);现在，不同于内置的ngRoute服务，由于ui-router基于状态工作，而不是简单的url，因此可以将它嵌套在视图中。在处理ngRoute服务时我们不再使用ng-view，而改为使用ui-view指令。在ui-router内处理路由和状态时，我们
oWSQo·2021-05-10 07:50

angular学习第一天

angular是什么？查看angular简介请访问：点此处访问怎么下载源文件下载地址：点击下载怎么讲？我打算以实例为导向，讲解各个指令，最后合并所有，做出来一个简单的单页面应用今天的实例是一个简单的登录功能先看运行效果接下来开始准备结构//页面头部设置第一个angular页面//body部分代码登录你输入的用户名:密码：样式*{padding:0px;margin:0px;font-size:10
我是灰灰的小跟班·2021-05-09 03:54

Angular学习笔记(11)—XHR实践

跨域和同源策略浏览器在全局层面禁止了页面加载或执行与自身来源不同的域的任何脚本。同源策略允许页面从同一个站点加载和执行特定的脚本。浏览器通过对比每一个资源的协议、主机名和端口号来判断资源是否与页面同源。站外其他来源的脚本同页面的交互则被严格限制。跨域资源共享（CrossOriginResourceSharing，CORS）是一个解决跨域问题的好方法，从而可以使用XHR从不同的源加载数据和资源。除C
oWSQo·2021-05-02 17:22

Angular学习笔记(3)—指令简介

指令：自定义HTML元素和属性指令本质上就是AngularJS扩展具有自定义功能的HTML元素的途径。1.HTML引导在HTML中要用内置指令ng-app标记出应用的根节点。这个指令需要以属性的形式来使用，因此可以将它写到任何位置，写到的开始标签上是最常规的做法。内置指令是打包在AngularJS内部的指令。所有内置指令的命名空间都使用ng作为前缀。为了防止命名空间冲突，不要在自定义指令前加ng前
oWSQo·2021-04-28 03:27

angular五种服务详解

在这之前angular学习笔记(十五)-module里的'服务'这篇文章里,已经大致讲解了ng中的'服务',在之后的很多地方也用到了服务,但是,所有的服务都是使用app.factory来创建的.但其实,
angaixing0071·2020-09-17 06:58

angular学习7-HttpClient发送请求

get请求get.service.tsnggserviceget创建一个服务//get.service.tsconstbaseUrl="https://www.easy-mock.com/mock/5cac9abdbf60940c8b889555/"import{Injectable}from'@angular/core'import{HttpClient}from'@angular/common
梁祖迅·2020-09-16 09:27

angular学习笔记之ngOnInit方法和constructor的区别

最近在学习angular英雄demo时，发现中文文档上说了如图这一段话;虽然这里介绍了ngOnInit方法和constructor的区别，但是我觉得太过笼统。为什么构造器不能调用某个函数来向远端发送http请求（虽然在构造器中处理逻辑不规范），于是自己找了些资料整理了一下。1、constructorconstructor是class的构造函数，当对象被实例化的时候被调用；这里经常处理初始化和给属性
Marvel_Groot·2020-09-15 00:01

angular学习（十六）——ngRoute

转载请写明来源地址：http://blog.csdn.net/lastsweetop/article/details/62046505ngRoute简介路由是angularjs很重要的一环，它可以把你项目的页面串联起来，构成一个项目，常用的路由有ngRoute和ui-route，我这里先讲ngRoute。ngRoute是一个Module，提供路由和深层链接所需的服务和指令。注意一点，和之前的文章不
吴冬冬·2020-09-14 14:03

angular学习之路由（一）

一、路由相关对象介绍1.Routes：路由配置，保存着哪个URL对应展示哪个组件，以及在哪个RouterOutlet中展示组件。（在模块中配置，可在主模块中配置，也可在生成项目时使用ngnew项目名–routing来生成一个带routing配置模块的项目，并自动导入到主模块）；用法示例（path中不需要‘/’）：constroutes:Routes=[{path:'',redirectTo:'/h
elvira0702·2020-09-14 12:36

Angular学习日记(一) 开发环境的搭建

从看视频到自己尝试，总会走很多的弯路才能成功.首先：装最新版的nodejs.第一种：使用npm安装首先设置taobao镜像,npmconfigsetregistryhttps://registry.npm.taobao.org.然后开始安装typescriptnpminstall-gtypescripttypings最后安装clinpminstall-gangular-cli@latest很可能安
weixin_30846599·2020-09-11 10:07

Angular学习第六课--服务service的管理

1、服务service:各组件component中的代码不能供应，如果需要有公用的代码，则使用service组件//创建到指定目录下面nggserviceservices/storage服务创建完成后，在app.module.ts中会自动生成如下代码：import{StorageService}from'./services/storage.service';@NgModule({declarat
tongle_deng·2020-09-11 10:17

angular学习的一些Mark

http://www.cnblogs.com/xianrongbin/p/4104596.htmlhttp://angular-ui.github.io/转载于:https://www.cnblogs.com/Mblog/p/4298969.html
aoba7740·2020-09-11 08:42

Angular学习笔记-配置静态路由

1.声明一个路由组件(app-routing.module.ts)1.1在新生成的项目声明ngg--routing1.2内部项目声明nggeneratemoduleapp-routing--flat--module=app2.app-routing.module.ts文件同时他会在app.module里注入这个文件3.Routers路由配置路由配置，保存着哪个URL对应展示哪个组件，以及在哪个Ro
一切为了富婆·2020-09-11 05:54

Angular学习笔记（十六）组件周期钩子之投影和AfterContentInit

投影定义：在运行时动态改变模版内容，父组件主动控制子组件的显示内容。指令：ng-content方法：在html中，父组件中引用子组件标签的写入要显示的内容，子组件使用确定投影点。多个投影点标识:匹配class名为blue的显示内容匹配header标签的显示内容匹配name属性值为red的显示内容demo:app.component.html我是要投影的内容aftercontent.componen
BAOBAB_cc·2020-08-24 19:55

MUI体验框架

4、基于angular的ionic，把pc端很重的东西引入到移动App中，且angular学习门槛较高看来看去ratchet框架还比较接近我们想要的高
dianjing9362·2020-08-23 16:07

Angular学习笔记(16)—揭秘Angular

当浏览器触发DOMContentLoaded事件时，Angular就开始工作。它首先寻找ng-app指令。如果浏览器在DOM中找到ng-app指令，它会为我们自动启动应用。如果没有找到这个指令，Angular期望我们自己手动启动应用。要手动启动一个AngularJS应用，可以使用Angular的bootstrap()方法。在一些罕见的情况下手动启用应用程序是有意义的。例如，想要在某个其他库的代码运
oWSQo·2020-08-22 20:10

Angular学习笔记04——绑定和管道

##绑定示例：{{product.title}}插值表达式属性绑定商品详情"事件绑定###事件绑定语法：###DOM属性绑定语法：XXX对应组件内的表达式，而不是字符串###HTML属性绑定语法：1、基本html属性绑定：Something2、css类绑定：somethingsomethingsomething3、样式绑定：Red###html属性和DOM属性1、少量的HTML属性和DOM属性之间
weixin_34246551·2020-08-22 19:16

Angular学习笔记--Markdown转HTML中highlight

本文同步发表在我的个人博客http://www.soaringroad.com/editor/121概述之前有一篇介绍过Markdown转HTMLAngular5学习笔记–Html显示Markdown语言,有兴趣的同学可以参考参考，今天介绍的是另外一个Package，也会是非常好用的。markdown-ithighlight.jsmarkdown-itmarkdown-it是一个将markdown
哈喽大海豚·2020-08-22 19:34

Angular学习之发展历程和环境配置

发展历程Angular指Angular2.x及以上版本(包括了2、4、5、6、7各版本)，被统称为Angular2,使用TypeScript语言。2.x以后的版本在核心概念上是一致的，只是往后支持的特性越来越多而已，没有核心的变化。1.x版本使用Javascript，因此被称为AngularJS。Angular1和Angular2的称呼不能只理解为版本号，只是对新老Angular的区别称呼。Ang
用户1188758·2020-08-22 17:20

angular学习010HTTP

参考：https://www.angular.cn/tutorial/toh-pt61、在AppModule中配置HttpClientModuleimport{BrowserModule}from'@angular/platform-browser';import{NgModule}from'@angular/core';import{HttpClientModule}from'@angular/
lich0609·2020-08-22 17:16

angular学习008服务

参考来源：https://www.angular.cn/tutorial/toh-pt4nggenerateserviceheronggenerateservicehero--module=app1、英雄服务import{Injectable}from'@angular/core';import{Hero}from'../hero';import{HEROES}from'../mock-heroe
lich0609·2020-08-22 17:16

angular学习009路由

参考来源：https://www.angular.cn/tutorial/toh-pt5#add-dashboard-link-to-the-shell1、配置路由模块app\app-routing.module.tsimport{NgModule}from'@angular/core';import{RouterModule,Routes}from'@angular/router';import
lich0609·2020-08-22 17:16

angular学习003英雄编辑器

参考来源：https://www.angular.cn/tutorial/toh-pt11、新建组件src\app\heroes\heroes.component.tsimport{Component,OnInit}from'@angular/core';import{Hero}from'../hero';@Component({selector:'app-heroes',templateUrl:
lich0609·2020-08-22 17:16

Angular学习笔记（四）之路由参数和嵌套路由

ActivatedRoute路由参数当前激活的路由对象，保存这当前路由的信息，如路由地址，路由参数等。三种传参方式在查询参数中传递数据=>html形式如：股票信息url形式如：/product?id=1&name=2获取参数格式：ActivatedRoute.snapshot.queryParams["id"]和ActivatedRoute.queryParams["name"]在路由路径中传递数
BAOBAB_cc·2020-08-22 15:08

angular学习007提示服务注入错误AppComponent.html:2 ERROR Error: StaticInjectorError(AppModule)[HeroesComponent

1、错误AppComponent.html:2ERRORError:StaticInjectorError(AppModule)[HeroesComponent->HeroService]:StaticInjectorError(Platform:core)[HeroesComponent->HeroService]:NullInjectorError:NoproviderforHeroServi
lich0609·2020-08-22 15:17

Angular学习笔记（十五）组件周期钩子之变更检测和DoCheck

变更检测Angular的变更检测机制配合zone.js来实现，保证组建变化和页面变化同步浏览器中任何异步事件都会触发检测机制检测模版所有绑定属性，若改变则相应区域会被更新需要注意的是：变更检测机制只会把组件属性的改变反应到模版上，不会改变组件值Angular如何进行变更检测每个组件都有属于自己的变更检测器，当任何一个变更检测器检查到变化，zone.js会根据组件的变更检测策略来检查组件，以判断组件
Zxdth·2020-08-21 15:07

angular学习笔记(七)-迭代1

本篇介绍angular中元素的迭代:4.1.迭代{{$index+1}}{{student.name}}{{student.score}}functionStudentList($scope){$scope.students=[{"name":"code_bunny","score":"100","id":"001"},{"name":"white_bunny","score":"90","id"
angaixing0071·2020-08-20 09:56

Angular学习笔记(15)—digest循环和$apply

在标准的浏览器流程中，当事件被触发时，浏览器会执行注册给该事件的回调函数。页面加载、$http请求返回响应、鼠标移动以及按钮被点击等情况都会触发事件。当事件被触发时，JS就会创建一个事件对象，并执行这个事件对象所在的监听特定事件的所有函数。然后它会运行JS函数内的回调方法，这会回到浏览器中，还可能更新DOM。同一时间不能运行两个事件。浏览器会等待前一个事件处理程序执行完成，再调用下一个事件处理程序
oWSQo·2020-08-19 06:10

Angular学习笔记（五）--- 自定义表单控件

本文简单介绍封装使用ngModel实现自定义表单控件的过程。NgModel相关NgModelNgModel用于从作用域创建一个FormControl实例，并将它绑定到一个表单控件元素。[ngModel]:单向绑定，作用域变更将同步到UI中[(ngModel)]:双向绑定，UI模板的变更页将同步到作用域中ngModel继承自NgControlNgControlNgControl是所有控制指令继承的基
wangdan_2013·2020-08-18 22:00

Angular学习笔记40：响应式表单：一个简单的表单并修改表单的值

响应式表单在前端开发中，经常要将页面上用户填写的数据传输给后端，这些表单的数据怎样收集呢？在这里，推荐使用Angular中的响应式表单。1.使用响应式表单的前期准响应式表单是属于模块：ReactiveFormsModule，所以在组件中使用响应式表单就要在模块中，先引入这个ReactiveFormsModule模块。修改App.module文件；import{BrowserModule}from'
wujiayucn·2020-08-18 06:31

angular学习笔记之form表单提交

from表单提交可以说是开发中最常见的交互，其中下面4种是博主在开发中遇到过的，在这里记录下来//必填字段如果a不填,则保存按钮不可点保存//检测表单是否被改动过（表单中有$dirty）你修改了form表单中任意一个字段$dirty就会变成true，从而可以实现当你要离开当前页面是，提示你做出的修改为保存//controller中if($scope.fillInfoForm.$dirty){if(
火夆·2020-08-17 23:07

angular学习总结一——安装

angular学习总结一（安装及常用命令）环境安装1.安装nodejs、npm、python2（Python3好像不可以）2.安装@angular/cli，npminstall-g@angular/cli
米斯特尔曾·2020-08-15 07:39

Angular学习笔记79：Angular 中的拦截器-HttpInterceptor

在项目中，前端需要在每次发送给后端的请求的header中统一添加token信息或者其他统一操作，这个时候就用到了拦截器。在Angular中，创建一个拦截器使用到了@angular/common/http中的HttpInterceptor,实现的具体步骤如下：创建一个拦截器服务创建一个服务因为这按类别分，也是一个服务，所以使用Angular/CLI创建时，执行命令：nggsdemoIntercept
wujiayucn·2020-08-12 14:45

Angular学习：模块和组件的动态加载

可以利用路由的loadChildren来动态加载angular模块和组件。1.建立一个要动态加载的模块（包含相应的组件）dyn-plugin.module.tsimport{NgModule}from'@angular/core';import{CommonModule}from'@angular/common';import{DynPluginRoutingModule}from'./pfc-p
superpeepi_csdn·2020-08-12 14:10

angular学习之路9-动态组件

1，指令在添加组件之前，先要定义一个锚点来告诉Angular要把组件插入到什么地方。广告条使用一个名叫AdDirective的辅助指令来在模板中标记出有效的插入点。import{Directive,ViewContainerRef}from'@angular/core';@Directive({selector:'[ad-host]',})exportclassAdDirective{constr
你牛什么牛·2020-08-12 14:53

Angular学习：http请求失败的问题

1问题在学习angular时，以下代码的http的post请求一直失败。import{Injectable}from'@angular/core';import{Observable}from'rxjs/Observable';import{Subject}from'rxjs/Subject';import'rxjs/Rx';import{Http,Headers,Request,Response
superpeepi_csdn·2020-08-10 07:18

angular学习笔记

angular:最新版本1.3.0放弃了ie84大核心特性：①mvc：控制器：ng-controller视图：数据模型：js中返回的值②模块化“一切都是从模块开始的”不要定义全局函数、全部变量angular.module()③指令系统directive:可以用于自定义标签ng-app：相当于c的main函数任意一个单页的html只能出现一次ng-app④双向数据绑定视图和数据模型实时跟着变化：数据
smallfishhhh·2020-08-10 07:44

angular学习-angualr文件上传

原生：$(".cert_box").on("change","#uploadFile",function(event){varformData=newFormData();formData.file=uploadFile;//文件console.log(formData);vari=0;//varfiles=getTarget(event).files,varvTarget=event.targe
Vacy·2020-08-05 13:33

Angular学习笔记27：使用viser-ng报错：Cannot find module '@antv/data-set'解决办法

在使用viser-ng的时候，在画饼状图的时候，会遇到DataSet这个包，然后保存编译运行的时候会报错如下：ERRORinsrc/app/testbing/testbing.component.ts(1,26):errorTS2307:Cannotfindmodule'@antv/data-set'.错误：Cannotfindmodule'@antv/data-set'.打开nodo_modul
wujiayucn·2020-08-03 08:24
上一页 1 2 3 4 5 6 7 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他