是否可以使用 Angular2 有条件地显示元素属性?

Is it possible to conditionally display element attributes using Angular2?(是否可以使用 Angular2 有条件地显示元素属性?)
本文介绍了是否可以使用 Angular2 有条件地显示元素属性?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着跟版网的小编来一起学习吧!

问题描述

我有一些代码在元素上使用 Polymer 属性,例如:

I have some code that uses Polymer attributes on elements, for example:

<paper-drawer-panel force-narrow>

聚合物的工作方式是,如果我想禁用该属性,我不能简单地说 force-narrow="false",它必须完全删除.Angular2中有没有办法有条件地删除整个属性?我似乎找不到有关此主题的任何信息.我可以使用 ngIf 并在有和没有属性的情况下重复整个元素,但如果可能的话我宁愿不这样做.谢谢!

The way polymer works is that I can't simply say force-narrow="false" if I want to disable the attribute, it has to be removed altogether. Is there a way in Angular2 to conditionally remove the entire attribute? I can't seem to find any information on this topic. I could use ngIf and repeat the entire element with and without the attribute but I would rather not if possible. Thanks!

编辑 - 为什么这个问题被标记为重复并关闭?我在有问题的重复帖子之前问了这个问题.天哪,这个网站有时很糟糕.

Edit - Why was this question marked and closed as a duplicate? I asked this question a month before the duplicate post in question. God this site sucks sometimes.

编辑 2 - 我了解规则,但仍然觉得有权投诉.

Edit 2 - I understand the rules, but still feel entitled to complain.

推荐答案

简单的属性绑定做你想做的事:

Simple attribute binding does what you want:

[attr.force-narrow]="someField ? true : null" 

someFieldfalse 时该属性不会被移除,只有当它为 null

the attribute is not removed when someField is false, only when it's null

这篇关于是否可以使用 Angular2 有条件地显示元素属性?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持跟版网!

本站部分内容来源互联网,如果有图片或者内容侵犯了您的权益,请联系我们,我们会在确认后第一时间进行删除!

相关文档推荐

quot;Each child in an array should have a unique key propquot; only on first time render of page(“数组中的每个孩子都应该有一个唯一的 key prop仅在第一次呈现页面时)
How do I make a TextGeometry multiline? How do I put it inside a square so it wraps like html text does inside a div?(如何制作 TextGeometry 多线?如何将它放在一个正方形内,以便它像 html 文本一样包裹在 div 内?) - IT屋-程序员软件开发技术分享社
AngularJS Error: Unknown provider: aProvider lt;- a(AngularJS 错误:未知提供者:aProvider lt;- a)
Scale background image to fit ie8 window(缩放背景图像以适合 ie8 窗口)
Safari 5.1 breaks CSS table cell spacing(Safari 5.1 打破 CSS 表格单元格间距)
Put in bold part of description in metatag Drupal module(将描述的粗体部分放在元标记 Drupal 模块中)