Question

我正在尝试根据模块设置的条件禁用mdl-menu-item。

我的app.component.ts

handlersRegistered.a

我的app.component.html

import { Component } from '@angular/core';

@Component({
  selector: 'ca-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  test() {
    return true;
  }
}

在这个阶段，菜单项永远不会被禁用，不知道我在这里做错了什么。

Answer 1

禁用属性是材质设计精简版中的唯一功能。例如如果mdl-menu-item上存在disabled属性，则只有一些css规则可以更改ui。因此，在您的情况下，您可以执行以下操作：

<mdl-menu-item [attr.disabled]="test() ? '' : null">Draw Object</mdl-menu-item>

null值将删除该属性。另外，您应该注意，无论如何都会触发click事件。

这可以改进，但我想我会破坏现有的行为。我已经为下一个主要版本提出了一个问题，使它更具有角度（https://github.com/mseemann/angular2-mdl/issues/797）。

Angular2 MDL禁用mdl-menu-item无法正常工作

1 个答案: