$event event.target.value
原创 2022-07-13 20:12:01
84阅读
1、安装 设置开发环境 2、创建新项目 3、安装依赖插件 4、启动开发服务器 5、创建组件模块
原创 2021-12-28 14:24:17
107阅读
angularjs缺点:1。本身的脏值检查机制,当页面数据发生变化时,就会触发检查机制,当页面绑定的数据越来越多时,就会造成程式不断的去触发脏值检查机制,程序的相应就会越来越慢2.路由,子路由不可嵌套,提供了一个第三方解决方式uirouter,但是使用起来非常不稳定。3.作用域$scope作用域的限制,使得很多原生的事件不能使用。比如click事件,必须使用指令来实现4.表单校验的
原创 2021-11-19 10:41:47
159阅读
空标签 下标 let item of languageList;let i = index
原创 2022-07-13 20:12:20
184阅读
所谓好记性不如烂笔头,本博客是基于《Angular权威教程》上的内容学习的记录笔记,这里也推荐大家去看此书,写得挺不错的。同时若有侵权问题,请留言联系,会及时删除相关博客信息。Angular是使用一种类似JavaScript的语言---------------TypeScript构建的。TypeScript并不是一门全新的语言,而是ES6的超集,所有的ES6代码都是完全有效且可编译的TypeScr
   前段的框架很多,闲暇之余总结点angularjs,希望能大家学习有点帮助。   对于大家的疑惑何时用angularjs?,她的可爱之处在何处?,以及她的缺点?   相信大家了解清楚了以上三,对于angularjs已经有了初步的认识,好了,下面就进入正题:第一:什么是angularjs   angularjs为
转载 2023-07-25 22:09:51
75阅读
一、 Angular介绍 Angular是谷歌开发的一款开源的web前端框架,诞生于2009年,由Misko Hevery 等人创建,后为Google所收购。是一款优秀的前端JS框架,已经被用于Google的多款产品当中。根据项目数统计angular(1.x 、2.x 、4.x、5.x、6.x、7.x 、8.x、9.x)是现在网上使用量最大的框架。Angular基于TypeScript
转载 2023-07-04 14:18:27
129阅读
es6字符串模板实现点击方法第一次尝试第二次尝试第三次尝试最后总结 最近在做项目时,遇见了一个需要在字符串模板里添加点击方法的功能。不知道格式应该怎么写,于是便开始了各种尝试。我的代码如下,其中item是循环的每一项,地图上的marker有多个。 let content = ` <div style="text-align: center; padding: 20px 5px;wid
欢迎加入前端交流群来py:749539640 angular2之后有了类似于vue-cli的脚手架工具,很方便的帮助我们搭建项目; 1.安装angular命令行工具:npm install @angular/cli -g 2.检测angular-cli 是否安装成功:ng --version 3.a
原创 2022-01-04 17:23:18
161阅读
问题场景:222.png请问一下 我想在1的位置添加一个和下标关联的class 应该怎么操作?有效的方案333.png444.png特别说明:带中括号后面就不要带大括号 反之就要带虚拟dom节点上不能帮属性 只能绑逻辑ng-container标签下层加一个div 把class放那里面{}里面的东西会去运算的另外死的东西用da括号括起来DEMO展示<ng-container *ngIf="
原创 2022-07-13 20:14:53
177阅读
1.输入属性:从父组件到子组件。当应用启动时,Angular 会从根组件开始启动,并解析整棵组件树,数据由上而下流下下一级子组件。Input 装饰器支持一个可选的参数,用来指定组件绑定属性的名称。如果没有指定,则默认使用 @Input 装饰器,装饰的属性名。具体示例如下:使用装饰的属性名:分三步1、编写子组件组件。ts文件在这里声明变量开接受父组件的传值,并且用@I
原创 2021-11-19 10:43:01
488阅读
Angular4中过滤器 一、大小写转换过滤器 uppercase将字符串转换为大写 lowercase将字符串转换为小写 二、日期过滤器 date。日期过滤器符可以接受参数,用来规定输出日期的格式。 三、数字过滤器 number过滤器用来将数字处理为我们需要的小数格式 接收的参数格式为{最少整数位
原创 2022-01-04 17:16:49
106阅读
Output 是属性装饰器,用来定义组件内
原创 2021-11-19 10:43:47
289阅读
# jQuery H5点击事件详解 在网页开发中,点击事件是非常常见的一种交互操作。而使用jQuery库可以更加方便地处理这些点击事件。本文将介绍如何通过jQuery处理H5点击事件,并给出一些示例代码。 ## jQuery库介绍 jQuery是一个快速、简洁的JavaScript库,具有简洁的语法和跨浏览器的特性,可以方便地处理DOM操作、事件处理、动画效果等。在网页开发中被广泛应用,尤其
原创 2024-07-09 06:30:16
93阅读
 scroll 事件,一个是window的,另一个不是。- -完成效果: // handle host scroll @HostListener('scroll', ['$event']) public scrolled($event: Event) { this.elementScrollEvent($event); } // handle window scr
原创 2023-03-05 07:16:50
290阅读
Title Service使用Service自然首先要将其引入,不过要注意Title Service并不在@angular/core中,而是在@angular/platform-browser中:import { Title } from '@angular/platform-browser';1引入之后,自然要将其注入到当前组件中,而这通常利用constructor完成:
原创 2021-11-19 10:45:57
455阅读
移动端事件在前端的移动web开发中,有一部分事件只在移动端产生,如触摸touch相关的事件,以下是关于移动端事件的小结1.PC端事件在移动端的兼容问题1.1 click事件的200~300ms延迟问题主要原因是,需要双击来放大H5页面,会等待200~300ms来看看是否会点击第二次,来判断是否放大 由于双击缩放功能的存在,click事件触发会有200~300ms的延迟1.2 dbclick事件失效
转载 2023-11-24 02:04:39
165阅读
What? -> Events!Why?How to fix?说在前面的话:点击穿透这种现象算是移动H5开发比较经典的问题,也常用来做面试题。借此现象谈谈移动事件。What现象描述:要理解这种现象,首先要了解移动端的相关事件 —— 触摸(Touch)事件点击(Click)事件。Touch 事件中,常用的为 touchstart, touchmove, touchend 三种。除此之外还有t
1 ngrx store 简介对于ngrx store 在angualr2/4 的官方文档介绍不多。所以我在这里简单介绍一下ngrx store的概念。ngrx store 是借用redux 对于single page application的状态管理(state management)理念并且结合了rxjs来实现的。随着single page application  (单页web应用
原创 精选 2017-05-09 10:26:54
1884阅读
me: "AA"}, {num: 1, name: "BB"} ]; c = this.countries[0]; {num: 0, name: "AA"}, {num: 1, name: "BB"} ]; c =
原创 2021-12-24 10:20:42
116阅读
  • 1
  • 2
  • 3
  • 4
  • 5