attr.disabled 在 Angular 中不起作用 - Javascript

在Angular中，使用attr.disabled来设置HTML元素的disabled属性可能不起作用。这可能是由于Angular的渲染顺序导致的。在Angular中，元素的绑定属性是在元素的属性被设置之后才绑定的。

因此，如果我们在页面加载时使用attr.disabled来设置元素的disabled属性，这将会被Angular覆盖，因为Angular会在设置属性后覆盖元素属性。

为了解决这个问题，我们可以使用Angular的属性绑定来设置元素的disabled属性。属性绑定可以确保在Angular渲染元素之前设置元素属性。

代码示例：

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

// component.ts
export class AppComponent {
  isDisabled = true;  // or false
}

在上面的代码中，我们使用属性绑定来设置button元素的disabled属性。我们将isDisabled属性设置为true或false，以控制按钮是否禁用。

使用attr.disabled设置disabled属性可能不会起作用，因为Angular的渲染顺序。使用属性绑定可以解决此问题，并确保在Angular渲染元素之前设置元素属性。