如何更改Angular 2中元素的属性

<button [disabled]="isDisabled">Click me</button>

export class MyComponent {
  isDisabled: boolean = false;
}

<input [value]="inputValue">

export class MyComponent {
  inputValue: string = 'Initial value';
}

<input [(ngModel)]="inputValue">

export class MyComponent {
  inputValue: string = 'Initial value';
}

import { Component, Renderer2, ElementRef } from '@angular/core';

export class MyComponent {
  constructor(private renderer: Renderer2, private el: ElementRef) {}

  changeElementAttribute() {
    const element = this.el.nativeElement.querySelector('.my-element');
    this.renderer.setAttribute(element, 'attributeName', 'attributeValue');
  }
}

<button (click)="changeElementAttribute()">Change attribute</button>
<div class="my-element">Element</div>