随笔分类 - Angular
摘要:# 背景 有时我们需要根据不同的条件,决定表单控件是否是必填的。 # 代码示例 ## HTML文件 ```HTML Name Nickname Nickname is required Check ``` ## TS文件 ``` typeScript import { Component, OnIn
阅读全文
摘要:# 解决方案 使用`ngClass`和`ngStyle`可以进行样式的绑定。 ## ngStyle的使用 ngStyle 根据组件中的变量, isTextColorRed和fontSize的值来动态设置元素的颜色和字体大小 ```HTML This text has dynamic styles b
阅读全文
摘要:# 解决方案 在`tsconfig.json`的`compilerOptions`选项中添加如下内容`"skipLibCheck": true`。 如下图所示  装饰器来声明输入属性。  ![image](https:
阅读全文
摘要:# 解决方案 ## 思路 1. 在组件的typesscript文件中,创建一个数组来存储每个按钮的信息 2. 在模板中使用 `*ngFor` 指令来循环渲染按钮列表 3. 在按钮事件的处理函数中,每次点击按钮时向按钮数组添加一个新的按钮信息 ## 实例 在组件的typescript代码中 ``` t
阅读全文
摘要:# 目标 修改预先设定的4200端口号,改为4100 # 解决方案 在启动命令中添加 `--port 4100`.参数 `--open`,会在启动时自动打开浏览器。 ``` ng serve --open --port 4100 ``` ![image](https://img2023.cnblog
阅读全文
摘要:错误原因 当变更检测完成后又更改了表达式的值时,Angular就会抛出ExpressionChangedAfterItHasBeenCheckedError 错误,Angular只会在开发模式下抛出此错误 解决方案 方案一 将ngAfterViewInit中的表达式放入ngOnInit中 方案二 参
阅读全文
摘要:问题原因 当我们声明一个空数组而不显示键入它并尝试向其中添加元素时,会发生该错误。 解决方案 声明数组类型即可 参考链接 https://bobbyhadz.com/blog/typescript-argument-type-not-assignable-parameter-type-never
阅读全文
摘要:解决方案 使用--skip-tests代替 效果展示 可以看到spec.ts消失了 参考链接 https://stackoverflow.com/questions/62228834/angular-cli-command-issue-unknown-option-spec
阅读全文