Javascript 如何在函数项中使用值?
我有一个离子4角应用程序 我的组件中有这个Javascript 如何在函数项中使用值?,javascript,angular,ionic-framework,Javascript,Angular,Ionic Framework,我有一个离子4角应用程序 我的组件中有这个 export class TestPage implements OnInit { a1 =false; a2 =false; ... 我的html中有这个 <ion-item (click)="action('a1')"> <ion-label class="ion-text-wrap">Sample 1</ion-label> </ion-item> &
export class TestPage implements OnInit {
a1 =false;
a2 =false;
...
我的html中有这个
<ion-item (click)="action('a1')">
<ion-label class="ion-text-wrap">Sample 1</ion-label>
</ion-item>
<ion-item (click)="action('a2')">
<ion-label class="ion-text-wrap">Sample 1</ion-label>
</ion-item>
我需要将a1(或a2)更改为true,我不知道如何使用value来更改“this.item”
我需要使用“值”,因为有几个项目,我不想让每个项目都有一个函数
有人可以用正确的方法指导我吗?只需在html中做如下更改
<ion-item (click)="action(true)">
<ion-label class="ion-text-wrap">Sample 1</ion-label>
</ion-item>
<ion-item (click)="action(true)">
<ion-label class="ion-text-wrap">Sample 2</ion-label>
</ion-item>
已更新
你想对每个字段使用一个函数,而不是像下面这样做
在html文件中
<ion-item (click)="action(true,'a1')">
<ion-label class="ion-text-wrap">Sample 1</ion-label>
</ion-item>
<ion-item (click)="action(true,'a2')">
<ion-label class="ion-text-wrap">Sample 2</ion-label>
</ion-item>
希望这对你有帮助
谢谢只需在html中做如下更改
<ion-item (click)="action(true)">
<ion-label class="ion-text-wrap">Sample 1</ion-label>
</ion-item>
<ion-item (click)="action(true)">
<ion-label class="ion-text-wrap">Sample 2</ion-label>
</ion-item>
已更新
你想对每个字段使用一个函数,而不是像下面这样做
在html文件中
<ion-item (click)="action(true,'a1')">
<ion-label class="ion-text-wrap">Sample 1</ion-label>
</ion-item>
<ion-item (click)="action(true,'a2')">
<ion-label class="ion-text-wrap">Sample 2</ion-label>
</ion-item>
希望这对你有帮助
谢谢@diegojimenez让我知道你到底想要什么我不能在函数中使用'this.a2',因为这是几个类似的项,我必须为每个项创建一个函数。我想要‘this.(variable)’或类似的东西再看一次答案,它不会完全满足您的确切要求,但可能是我已经更新的东西。thanks@diegojimenez让我知道你想要什么我不能在函数中使用'this.a2',因为这是几个相似的项,我必须为每个项创建一个函数。我想要‘this.(variable)’或类似的东西再看一次答案,它不会完全满足您的确切要求,但可能是我已经更新的东西。谢谢
action(value:boolean,fieldName:string){
switch (fieldName) {
case "a1":
this.a1 =value;
break;
case "a2":
this.a2 = value
break;
default:
console.log("No such day exists!");
break;
}
}