angular
文章平均质量分 71
Hansel.Wn
现在从事软件开发工作.
展开
-
Angular Web项目前端无法正确显示base64类型的图片
1、网站前端使用了Angular框架,Angular中默认将所有输入的值视为不受信任的,当我们通过{{}}插值表达式、property、attribute等方式,将一个值从模板中插入到DOM中,Angular会自动清除和转义不受信任的值。声明完成之后,使用sanitizer的方法对Base64的URL进行处理,Domsanitizer的作用主要是为了防止跨站点脚本安全漏洞,通过清除值以便于在不同的DOM上下文中安全使用。原创 2024-04-09 15:52:18 · 573 阅读 · 0 评论 -
Angular中的组件
Angular中的组件,是一个使用@component()装饰器装饰的特殊类,同时在这个装饰器中指定元数据,元数据包括组件选择器组件模板组件样式等。组件是angular模块化的一个基本的组成元素。日常开发中,页面通常就是由一个或者多个组件堆叠而成。组件的元数据中,声明了组件的渲染模板和组件样式表。在组件类中,包含了组件本身的数据以及一些前端交互逻辑,组件通过一些由属性和方法组成的 API 与视图交互。import {原创 2023-04-05 22:12:39 · 1135 阅读 · 0 评论 -
Angular中的管道
管道的本质是一个函数,既然这样我们就可以自定义一个类,在这个类中定义一个函数进行数据逻辑的处理,然后使用@Pipe()装饰器把它标记为管道,这样一个自定义的管道就创建好了,在NgModule中引入之后就可以使用这个管道了。我在这里定义一个接受number型数据,并把输入值乘以十倍之后返回的管道:1、首先创建一个类,命名为,然后让这个类继承接口并实现一个transform方法,这个transform方法使用管道输入值作为第一个参数,把其它任何参数都以列表的形式作为第二个参数,并返回转换后的值。原创 2023-03-27 22:07:46 · 1253 阅读 · 0 评论 -
简单描述一个最简化的Angular项目代码
一个使用NgModule装饰器修饰的类,通常就是一个模块,NgModule为一系列组件声明了编译的上下文环境,通常我会把几个业务逻辑关联比较紧密的组件放在一个模块中,形成一个功能单元。的值是angular cli创建当前组建时,根据组件所在的路径以及组件名称定义的一个唯一标识符,如果我们后续要在项目中的其他地方引用当前这个组件时,可以使用这个标识符。按照官方的说法,组件是angular的主要构造块,说白了,整个angular项目都是由一个又一个的组件组合起来的。文件也需要先了解一下。原创 2023-03-20 21:38:04 · 755 阅读 · 0 评论 -
关于angular中的生命周期函数
生命周期函数,也叫生命周期钩子。Angular的每个组件(包括根组件和子组件)都存在一个生命周期,从创建、更新、到销毁,Angular提供组件生命周期钩子函数,原创 2023-03-06 11:22:45 · 643 阅读 · 0 评论 -
Angular知识整合一:Angular中的组件和一些基本概念
1、在Angular中,组件是构成应用的元素。2、组件包括三个部分:带有装饰器的TypeScript类、HTML模板和样式文件CSS选择器,在其他地方使用这个组件时,通过selector来使用HTML模板,定义当前组件的结构一组CSS样式,用于定义当前组件HTML模板的样式import {原创 2022-11-10 14:37:39 · 540 阅读 · 0 评论 -
ng-zorro+angular中 input输入框设置disabled属性无效的解决方法
错误描述ng-zorro是遵循Ant Design设计规范的Angular UI组件库,前端开发中angular + ng-zorro结合使用可以事半功倍。今天在开发过程中发现ng-zorro的一个坑,当我给input输入框设置disabled属性时,无论disabled的值为true或者false都没有效果。经过多番调查发现,在ng-zorro中使用disabled属性时,disabled属性时灵时不灵,具体有以下几种情况:1、disabled属性与ngModel同时使用时,disabled效果正原创 2022-04-20 22:12:27 · 5551 阅读 · 2 评论