从循环 <a> 标签中单击 <a> 标签时是否有机会更改 ngModel 值

Question

• 大家好

• 我使用 angular 6 并且是新的

• 我已尝试在循环多个标签中更改锚标签 ngModel 中的值（它是使用 *ngFor 生成的标签）。

• 我的 html 代码

<a class="layerCss" [(ngModel)] = "clickStatus" [(ngModel)] = "layerStatus" (click)="layersClicks($event)" id="layerTwo">LayerOne</a>

<a class="layerCss" [(ngModel)] = "clickStatus" [(ngModel)] = "layerStatus" (click)="layersClicks($event)" id="layerOne">LayerTwo</a>

-我的组件ts代码

@Input() clickStatus: string = 'inactive';
@Input() layerStatus: string = 'offline';
layersClicks(event) {
console.log('content ', (content.target as Element).id);
if(clickStatus === 'inactive') {
....some logic
// here need layerStatus also
this.clickStatus = 'active'
}else {
...some logic
//here need layerStatus also
this.clickStatus = 'inactive'
}
}

• 当点击LayerOne 时，LayerOne 和LayerTwo 的标签clickStatus 都从inactive 变为active。
• 但只需要，当点击事件标签然后改变点击标签值的clickStatus值
• 提前致谢。

Answer 1

我认为您误解了[(ngModel)] 的工作原理。

[(ngModel)] 对<a> 不起作用，因为它没有明显的价值。我认为您可能想要用来更改<a> 标签内的值是插值（{{}}）。

除非你问的是更多关于 <a> 标签内的自定义属性，例如：<a active>?