Question

我有一个显示信息数组的按钮组，我想在单击时禁用按钮列表之一。我该如何做到这一点。

尝试使用角度单击事件来实现这一点，以在单击时禁用按钮组之一。

HTML代码

<div class="btn-group" role="group" aria-label="Basic example">

    <button type="button" style="height:100px; width: 200px; margin:5px;"  

class="btn btn-default" data-toggle="modal" data-target=".bd-example-modal-lg"

 *ngFor="let mysurvey of survey" (click)="getspecificname($event,mysurvey)">

{{mysurvey.category}}</button>

</div>

角度7

getspecificname(disablebutton: any , name: any) {

 this.getname = name.category;

 let buttonslenght = this.survey.length - 1;

 let buttonid  = name.questionID;

 for( var i = 0 ; i <=buttonslenght; i++) {

  const getId = this.survey[i].questionID;

  if(getId === buttonid && this.buttonDisabled === false) {

 }

}

Answer 1

您可以为此使用javascript引用：

getspecificname(disablebutton: any , name: any) {

  name.disabled = true

}

name局部变量是对表示button中ngFor的对象的引用，因此您可以像访问“属性”一样访问属性。

然后以相同的方式将其应用于按钮：

HTML

<button type="button" 
  style="height:100px; width: 200px; margin:5px;"  
 class="btn btn-default" data-toggle="modal" data-target=".bd-example-modal-lg"
  *ngFor="let mysurvey of survey" 

  [disabled]='mysurvey.disabled'

  (click)="getspecificname($event,mysurvey)">

   {{mysurvey.category}}

 </button>

我如何禁用Angular 7中的bootstrap 4按钮组数组中的单击的按钮

1 个答案: