我想在Angular 模板中直接使用HTML元素属性值.

我的草稿现在看起来像是

<button
  #next
  accesskey="Y"
  (click)="clickHandler()">

      Do something ({{nextButton.nativeElement.accessKeyLabel}})

</button>

在组件中使用ViewChild(‘Next’)对nextButton进行初始化

这样的事情是可能的吗?或者创建一个单独的字段并提取属性值是唯一的 Select 吗?

推荐答案

如果只在模板中使用accessKeyLabel,则不需要在ts中定义viewChild,可以使用模板变量直接访问属性.

<button
  #next
  accesskey="Y"
  (click)="clickHandler()">
      Do something ({{next.accessKeyLabel}})
</button>

100

Angular相关问答推荐

导入浏览器模块时出错已导入commonModule的insted,animationBrower也显示错误,当p打开时

添加@ nx/webpack插件 destruct 了Nativescript构建

在状态更新后是否会再次触发ngrx效果?

身份验证卫士给了我17个Angular 的任何类型

第15角Cookie的单元测试用例

存储服务存储在本地存储中,但无法检索到它

判断哪个Angular 信号导致了影响

带信号数据源的17角material 表

在RxJS和ANGING中处理多个API调用

我正在try 将一个带有模块联盟的Angular 8项目expose 到另一个Angular 项目,Angular 是15,这可能吗?如果是这样,有什么建议吗?

Angular 17+独立配置中main.ts bootstrap 调用的最佳实践

从具有特定 node 值的现有数组创建新数组

有没有办法订阅部分 BehaviorSubject 值的变化?

组件的导入不能以Angular 工作

错误:在工作区外运行 Angular CLI 时,此命令不可用

来自 ngFor 项的动态 routerLink 值给出错误Got interpolation ({{}}) where expression was expected

使用 Jasmine 和 Karma 对 Angular 进行单元测试,错误:无法绑定到xxx,因为它不是xxxxxx的已知属性.

Angular:ViewChild 上未定义 nativeElement

Angular 2中基于Condition条件的点击事件

@angular/platform-b​​rowser 与 @angular/platform-b​​rowser-dynamic