所谓好记性不如烂笔头,本博客是基于《Angular权威教程》上的内容学习的记录笔记,这里也推荐大家去看此书,写得挺不错的。同时若有侵权问题,请留言联系,会及时删除相关博客信息。Angular使用一种类似JavaScript的语言---------------TypeScript构建的。TypeScript并不是一门全新的语言,而是ES6的超集,所有的ES6代码都是完全有效且可编译的TypeScr
   前段的框架很多,闲暇之余总结点angularjs,希望能大家学习有点帮助。   对于大家的疑惑何时用angularjs?,她的可爱之处在何处?,以及她的缺点?   相信大家了解清楚了以上三点,对于angularjs已经有了初步的认识,好了,下面就进入正题:第一点:什么是angularjs   angularjs为
转载 2023-07-25 22:09:51
75阅读
angularjs缺点:1。本身的脏值检查机制,当页面数据发生变化时,就会触发检查机制,当页面绑定的数据越来越多时,就会造成程式不断的去触发脏值检查机制,程序的相应就会越来越慢2.路由,子路由不可嵌套,提供了一个第三方解决方式uirouter,但是使用起来非常不稳定。3.作用域$scope作用域的限制,使得很多原生的事件不能使用。比如click事件,必须使用指令来实现4.表单校验的
原创 2021-11-19 10:41:47
159阅读
首先说input得设置, 业务场景,店员可以编辑提成比例是通过字段控制的,这里如果没得这个字段则不能编辑,不能输入,不能选中isEdit :an...
原创 2022-07-13 21:55:16
269阅读
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阅读
空标签 下标 let item of languageList;let i = index
原创 2022-07-13 20:12:20
184阅读
1、安装 设置开发环境 2、创建新项目 3、安装依赖插件 4、启动开发服务器 5、创建组件模块
原创 2021-12-28 14:24:17
107阅读
一、 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阅读
angular4动画已经拆分出去的,在项目中需要使用动画需要手动安装一、基本配置1、安装动画库npm install @angular/animations --save2、创建一个基本的项目,配置路由二、动画的基本步骤1、创建一个文件夹专门存放项目中的动画2、创建一个动画文件,引入包(根据需要引入)import { trigger, state, style, transition,
原创 2021-06-15 16:00:55
129阅读
欢迎加入前端交流群来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阅读
$event event.target.value
原创 2022-07-13 20:12:01
84阅读
本章中介绍响应式表单的创建及表单输入值的校验,对于模板表单就略过。一、使用响应式表单的步骤1、在模块(一般是app.module.ts)引入ReactiveFormsModule2、在组件的ts文件中使用响应式表单import { FormGroup, FormBuilder, Validators, FormControl } from '@angular/forms';export c
原创 2021-06-15 16:00:58
152阅读
Angular4过滤器 一、大小写转换过滤器 uppercase将字符串转换为大写 lowercase将字符串转换为小写 二、日期过滤器 date。日期过滤器符可以接受参数,用来规定输出日期的格式。 三、数字过滤器 number过滤器用来将数字处理为我们需要的小数格式 接收的参数格式为{最少整数位
原创 2022-01-04 17:16:49
106阅读
Output 是属性装饰器,用来定义组件内
原创 2021-11-19 10:43:47
289阅读
问题场景: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日期格式的用法
原创 2021-12-24 10:34:06
257阅读
1、ngStyle基本用法 2、ngClass第一个参数为类名称,第二个参数为boolean值,如果为true就添加第一个参数的类,基本用法 3...
原创 2022-07-13 22:43:34
122阅读
# 如何在angular js中使用jquery ## 简介 在angular js中使用jquery是一个常见的需求,因为有时候我们需要jquery提供的DOM操作和事件处理功能来辅助我们完成一些任务。在这篇文章,我将向你展示如何在angular js项目中使用jquery。 ## 整体流程 首先,让我们看一下整个过程的步骤: | 步骤 | 描述 | | -------- | -----
原创 2024-06-12 04:42:47
53阅读
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阅读
  • 1
  • 2
  • 3
  • 4
  • 5