angular-directive 相关问题

在较高的层次上,指令是DOM元素上的标记(例如属性,元素名称,注释或CSS类),它告诉Angular 2+框架将指定的行为附加到该DOM元素,甚至转换DOM元素及其元素儿童。此标记适用于Angular 2+

Angular:一些 Google Material 图标未在浏览器中显示

我正在为我的 Angular 项目开发一个自定义图标库,因为 Font Awesome 中的许多图标现在都不是免费的。 我使用了 Google Material Icons,将它们实现为样式表。然后我创建了一个

回答 1 投票 0

routerLink 在显示组件时不总是起作用吗?

我目前正在使用新的 AnalogJS,并且我向一个接受角色(字符串)的组件添加了一个 routerLink,该角色可以是设计者/创建者。该路由接受角色参数和组件

回答 1 投票 0

有关角度内按钮范围的混乱

(单击)事件正在触发另一实例中的函数。我不知道如何解释这一点。我附上了一个 stackblitz 示例。 单击两个按钮都会打印相同的内容...

回答 1 投票 0

拖放指令touchend和touchstart事件目标是相同的

我创建了一个用于拖放的自定义指令,我不使用角度材质的拖放,因为只能垂直或水平拖动。 问题是针对移动触摸、针对 touchstart 和 touc...

回答 1 投票 0

在 Angular 中使用 ngForOf 时,在模板中使用联合类型和类型保护

如果我在 *ngFor 中执行 array: (A | B)[] 似乎选项是在整个模板中使用 $any() 。 有没有办法正确地做到这一点? 我完全避免使用 $any() 进行输入,但感觉很糟糕。全部...

回答 2 投票 0

Angular - ngForOf:模板中的联合类型和类型保护

如果我在 *ngFor 中执行 array: (A | B)[] 似乎选项是在整个模板中使用 $any() 。 有没有办法正确地做到这一点? 我完全避免使用 $any() 进行输入,但感觉很糟糕。全部...

回答 1 投票 0

Angular 17 自定义指令渲染不起作用

我正在学习 Angular。 我想创建自定义指令,但不起作用! (这不是用于生产的应用程序,而是一个发现应用程序^^) 我没有错误,项目构建!但该指令不起作用!...

回答 1 投票 0

角度窗口调整大小性能

我正在创建一个 Angular 响应式应用程序,其中有超过 10 个断点,我必须将元素分组到不同的容器中。考虑到这一点,我相信我无法获得优势......

回答 1 投票 0

防止html输入接受“ä”字符

我正在开发一个 Angular 应用程序,并且我有一个输入,我不应该接受任何预期的英文字母和数字以及一些简单字符,我通过创建一个

回答 1 投票 0

在 mat-paginator 中插入按钮的指令:图标未呈现

我想在 mat-paginator 组件中的“上一页”和“下一页”之间插入一个按钮,为此我编写了一个指令来完成注入分页器的工作......

回答 1 投票 0

在 Angular 中将指令事件从子组件传递到父组件

我有一个父组件(侧边栏)和一个子组件(菜单) 我有一个自定义指令,可以检测是否在元素外部进行了单击: 进口 { 指示, 元素参考, 事件发射器,

回答 1 投票 0

Angular 中的嵌套下拉菜单

我在完成任务时遇到了很大的困难,这是我第一次使用 Angular。 我必须显示一个包含类别和嵌套子类别的下拉菜单。 它的 html 非常简单...

回答 1 投票 0

Angular 表单状态验证器 2

我正在尝试编写自定义表单验证器。 我有两个组件主窗体和选项。在选项组件中,我有复选框列表,并且想验证每一行至少被检查...

回答 1 投票 0

我应该何时以及如何在 Angular 的 ngFor 指令中使用 trackBy 以获得最佳性能?

我正在寻求有关使用 Angular 的 ngFor 指令来提高性能的 trackBy 函数的说明。虽然我了解 ngFor 的基础知识及其对数组的迭代来生成

回答 2 投票 0

有条件地渲染组件或元素的自定义结构指令

在 Angular 15 中,我正在制作一个自定义指令来有条件地显示或隐藏元素/组件,我通过显式设置 true/false 来简化示例,但将 ngIf 设置为 true 或 false 则不是

回答 1 投票 0

如何将输入字段格式化为 Angular 中的货币

我正在开发一个 Angular 项目,并且我有一个 Project 类型的对象,其中包含以下值: 成本:56896 和 费用HR:27829 我想使用表单修改对象并绑定字段...

回答 2 投票 0

具有本地小数分隔符处理的十进制数的角度输入指令

我正在开发一个 Angular 项目,我需要为处理十进制数字的输入字段创建一个自定义指令。我面临的挑战是确保与本地十进制分隔符的兼容性...

回答 1 投票 0

ngTagInput 通过指令调用时给出 javascript 控制台错误

我正在尝试在我的 angularjs 项目中实现 [ngTagsInput][1]。以下是我的设置: #js 文件 $scope.loadTags = 函数(查询){ $scope.tags = [ { 文本: '只是' }, ...

回答 1 投票 0

按钮元素上出现 Angular“无法绑定到‘routerLink’”错误

我正在处理一个 Angular 项目。我的employee.component.html 文件中有以下routerLink 我正在处理一个 Angular 项目。我的employee.component.html 文件中有以下routerLink <td> <button class="btn btn-warning btn-sm mx-2" routerLink="employee/{{emp.id}}">View Data</button> </td> 我在 app.module.ts 中的路线是 {path: 'employee/:id', component:EmployeeByIdComponent} 我在 visulecode IDE 中收到以下错误消息,并且未重定向到页面 Can't bind to 'routerLink' since it isn't a known property of 'button'.ngtsc(-998002) employees.component.ts(8, 21): Error occurs in the template of component EmployeesComponent. 如何让employee.component.html中的按钮将我路由到EmployeeByIdComponent? 您必须导入 RouterLink 指令才能使用它。 尝试将以下行添加到您的 employee.component.ts 文件中: import { RouterLink } from '@angular/router'; 编辑: 我认为,如果您在模块文件中导入 RouterModule 而不是在组件文件中导入 RouterLink,它会更好地符合最佳实践。尝试将 RouterModule 添加到 app.module.ts 文件中的导入列表中。

回答 1 投票 0

Angular 17 中的声明式控制流 |如何在 Angular 17 中实现 @If @else @switch

为了让前台更加美观且易于理解,我实现了声明式的控制流语法。 @如果(显示){ 我是可见的。 } @别的 { 我是隐藏的。 } 对于

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.