时间戳

首页 > 解决方案 > 在 Angular 属性和事件调用参数中使用 tag 'value 属性

javascript - 在 Angular 属性和事件调用参数中使用 tag 'value 属性

问题描述

初学者 Angular/Javascript 问题...

在下面显示的代码示例中，我将“值”设置为“0”。在“[checked]”和“(change)”的两个绑定调用中，我将方法调用设置为“0”。

<div class="custom-control custom-radio">
        <input type="radio" class="custom-control-input" id="view1" name="taskView" [checked]="isCurrentView(0)" mdbInput value="0" (change)="changeTaskView(0)">
        <label class="custom-control-label" for="view1">Day</label>
</div>

是否可以将“[checked]”和“(change)”中使用的“0”替换为标签“value”属性？

标签： javascriptangular

解决方案

您可以为此使用模板引用变量( #var)。

使用井号 ( #) 来声明引用变量。以下引用变量 ，在元素上#taskview声明了一个taskview变量。<input>

<input type="radio" #taskview ...>

现在您可以在组件模板中的任何位置引用模板引用变量。在这里，taskview指的是输入元素，我们可以将其传递value给事件处理程序或属性，例如：

<input type="radio" #taskview 
   [checked]="isCurrentView(taskview.value)"
   (change)="changeTaskView(taskview.value)">

推荐阅读