Angular2 + MaterialDesignLite:动态添加html属性
Angular2 + MaterialDesignLite: Add html property dynamically
我正在使用 Angular2 和 MaterialDesignLite 并希望实现一个像这样的菜单:
<ul class="mdl-menu mdl-menu--bottom-left mdl-js-menu mdl-js-ripple-effect"
for="demo-menu-lower-left">
<li class="mdl-menu__item">Some Action</li>
<li class="mdl-menu__item mdl-menu__item--full-bleed-divider">Another Action</li>
<li disabled class="mdl-menu__item">Disabled Action</li>
<li class="mdl-menu__item">Yet Another Action</li>
</ul>
让我们关注禁用 属性。我希望它在我想禁用菜单项时出现,但仍保持可见。这是我到目前为止所取得的成就:
<div class="mdl-menu__container-menu">
<div class="mdl-menu__outline mdl-menu--bottom-right"></div>
<ul class="mdl-menu mdl-menu--bottom-right mdl-js-menu mdl-js-ripple-effect" [attr.for]="id">
<li [attr.disabled]="item.disabled" *ngFor="#item of items" class="mdl-menu__item" (click)="onClick($event, item.id)">{{item.text}}</li>
</ul>
</div>
不幸的是,MDL <li>
disabled 属性 不适用于布尔值(disabled="true" 或 disabled="false" 的行为就像 disabled 本身一样)并且 disabled 不是 <li>
的原生 属性,Angular2不允许我将其设置为 [disabled]="item.disabled"
.
有什么方法可以在特定条件下使用指令单独设置 disabled属性 吗?
有什么方法可以有条件地在组件中动态设置 属性(没有任何赋值)或指令?
在此先感谢您的帮助!!
我还没有找到获取方法
<li disabled
但添加删除对
有效
<li [attr.disabled]="item.disabled ? true : null"
这导致
<li disabled="true"
或
<li
我正在使用 Angular2 和 MaterialDesignLite 并希望实现一个像这样的菜单:
<ul class="mdl-menu mdl-menu--bottom-left mdl-js-menu mdl-js-ripple-effect"
for="demo-menu-lower-left">
<li class="mdl-menu__item">Some Action</li>
<li class="mdl-menu__item mdl-menu__item--full-bleed-divider">Another Action</li>
<li disabled class="mdl-menu__item">Disabled Action</li>
<li class="mdl-menu__item">Yet Another Action</li>
</ul>
让我们关注禁用 属性。我希望它在我想禁用菜单项时出现,但仍保持可见。这是我到目前为止所取得的成就:
<div class="mdl-menu__container-menu">
<div class="mdl-menu__outline mdl-menu--bottom-right"></div>
<ul class="mdl-menu mdl-menu--bottom-right mdl-js-menu mdl-js-ripple-effect" [attr.for]="id">
<li [attr.disabled]="item.disabled" *ngFor="#item of items" class="mdl-menu__item" (click)="onClick($event, item.id)">{{item.text}}</li>
</ul>
</div>
不幸的是,MDL <li>
disabled 属性 不适用于布尔值(disabled="true" 或 disabled="false" 的行为就像 disabled 本身一样)并且 disabled 不是 <li>
的原生 属性,Angular2不允许我将其设置为 [disabled]="item.disabled"
.
有什么方法可以在特定条件下使用指令单独设置 disabled属性 吗?
有什么方法可以有条件地在组件中动态设置 属性(没有任何赋值)或指令?
在此先感谢您的帮助!!
我还没有找到获取方法
<li disabled
但添加删除对
有效<li [attr.disabled]="item.disabled ? true : null"
这导致
<li disabled="true"
或
<li