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

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

相关文档推荐

Select OK button from N#39;th modal opened in testcafe(从 testcafe 中打开的第 N 个模式中选择 OK 按钮)
How to click a specified li for an autocomplete ul with Selenium IDE?(如何使用 Selenium IDE 为自动完成 ul 单击指定的 li?)
Test automation html element selectors. Element ID or DataAttribute(测试自动化 html 元素选择器.元素 ID 或 DataAttribute)
Protractor, when should I use then() after a click()(量角器,我什么时候应该在 click() 之后使用 then())
navigator.geolocation.getCurrentPosition not allowed on quot;file:///C:/quot; based access(“file:///C:/上不允许 navigator.geolocation.getCurrentPosition基于访问)
Geolocation not working on Safari 5.x on Windows 7/XP(地理定位在 Windows 7/XP 上的 Safari 5.x 上不起作用)