首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
angular
infogaming
创建于2023-07-24
订阅专栏
angular学习笔记
暂无订阅
共20篇文章
创建于2023-07-24
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
通过指令使用省略号...来截断文本支持单行和多行省略
适用范围:行内元素、行内块元素;(注意多行文本可能存在浏览器内核版本限制) 使用css的属性实现 overflow、whiteSpace、textOverflow进行单行文本的省略号...显示; we
nz-select表单组件封装--实现增加自定下拉项,并进行新增、删除操作
问题拆解 如何封装表单控件? 通过onChange(官方api),将新的值通知给父表单控件或模型更新 onTouch 用于标记表单控件已被触摸(即用户曾与控件交互过),通常用于设置控件的 touche
angular中进行dom操作
使用装饰器@viewChild声明一个变量绑定相应子组件或dom元素 如果绑定的是子组件,就是会获取到一个子组件实列 如果绑定的是元素,就是获取一个封装的ElementRef类 通过nativeEle
angular之@component配置项
关于模板格式 preserveWhitespaces true:表示保留模板中的所有空白符,包括空格、换行符等。 false:表示移除模板中的多余空白符,只保留必要的空白符以确保 HTML 的格式化和
nz-zorro常见报错快速定位
listOfSelectedValue.filter is not a function 常见错误1:nz-select出现默认值和所需要类型对上不。例如下拉多选,但是默认值却不是数组。 Expres
动态加载并渲染 SVG本地icon
本地添加自定义icon 将icon文件放置可访问的静态资源下(angular.json配置好) 通过服务方式注册icon 下次讲下angular是如何开放本地资源,可通过http访问的。
angular管道pipe
如其名字,模板数据经过pipe在展示在界面 优点 性能相对方法更好。注册在更模板也能全局使用 读性和表达力:管道提供了一种更清晰和表达力更强的方式来转换数据 允许将多个转换操作链接在一起,形成管道链。
基于nz-table二次封装ng-alian的表格组件st;实现行内数据变化
由于st组件是二次封装,所以,定制性化较高,使用就不怎么灵活 实现行内元素变化的话,就得想办法操作行内数据。st有一个api,就是setRow可以设置行数据变化,并反应到视图中去。
nz-modal、nz-drawer等出现滚动条(非body的内的滚动),nz-select下拉框错位问题
问题原因分析。 初始化时,下来位置就通过目标元素(nz-select等)确定下来了。所以随内容元素的滚动不会在重新计算下拉框的位置。从而出现错位问题(感兴趣可以去看下nz-dropdown是怎么生成的
通过指令解决nz-table设置 nzScroll 之后,无论高度是否超过 y ,都会出现滚动条
出现这个问题,是因为设置了nzScroll.y后,其实是设置了table-body的overflow-y:scroll。 所以解决方案就是通过设置overflow-y:auto 但是这样也会有一个缺陷
nz-select使用自定义下拉选项,实现下拉选项可展开/收起
标题就已经说明了实现思路 在选择框内部,有两个 <nz-option-group> 元素,分别表示 "Manager" 和 "Engineer" 两个分组,用来将选项分组展示。 每个 <nz-opti
angular表单,动态表单结合nz-table布局
先说大致流程 使用group群组表单里面放置array数组表单,形成嵌套表单 通过往array数组表单里面添加群组表单,实现动态添加 通过往array数组表单里面移除群组表单,实现动态删除 通过将ar
angular之HttpClient
初步认识, XMLHttpRequest和RxJs结合封装的。 当在组件中有异步相关操作的时候,组件销毁时。该异步操作依然会在执行 组件被销毁,但是还有相关异步在操作组件中视图(组件模板、指令相关操作
angular路由守卫
守卫总览表 守卫 功能 作用范围 CanActivate 导航到某路由的情况 可以配置在父/子路由中 CanActivateChild 导航到某子路由的情况 只能配置父路由中 CanDeactivat
angular的service特性
一旦service在根模块注册随应用程序一直存在,也是全局的 产生的场景问题。 当组件销毁,组件中有执行服务中的异步方法,不会随组件销毁自动销毁。所以需要特别注意。 service使用事件订阅 防止订
angular路由复用策略
一。路由复用策略 与vue不同的是,他的复用策略提供了很多方法。让你根据不同机场景定义不同策略. 添加onlyChildkeepAlive条件:当从详情页面返回主页时才复用主页页面
angular表单之验证器
``` // 异步验证器 costumeValidator(): ValidatorFn { return ( control: AbstractControl, ): Observable<{ [k
angular父子组件通信
1,以属性的方式传递给子组件,可以是方法/属性 eg: 2,通过事件的方式 eg; *注意 1,子组件使用父组件的时候,传递方法时,方法使用了服务;父子组件都需要注入
angular中样式穿透
一、使用全局样式 二、::ng-deep一项即将被废弃的特性 三、CSS Shadow Parts,缺点不能设置第三方组件 四、CSS 变量(CSS Variables) 五、组件提供的样式设置
[(ngModel)]和formControlName区别
场景:在modal弹窗中 当在变更检测周期(change detection cycle)中修改了绑定的属性,Angular 会执行一次新的变更检测过程来确保所有绑定的值都是最新的。而如果在同一个变更