问题标签 [dom-if]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
polymer - Polymer 1.x：命令式访问 dom-if 模板中的 DOM 节点
我想通过它在模板id内的 DOM 节点访问。dom-if使用我现有的代码，我希望true在尝试将这些节点转换为布尔值时看到，但我得到了false（即，undefined）。
重现问题的步骤：
- 打开这个 jsBin。
Foo通过显示和Bar不显示来了解右侧的 HTML 窗格是否正常工作Baz。- 观察控制台并了解
id="foo"节点可访问，但id="bar"andid="baz"元素不可访问。这是我的问题。
如何强制访问这些节点？
http://jsbin.com/kemoravote/1/edit?html,控制台,输出polymer - Polymer 1.x：访问 dom-if 中的元素
单击“名字：詹姆斯”文本。
我在 dom-if 中有一个输入元素。在一个事件中，我正在使 dom-if 通过，因此该元素将存在，但在使 dom-if 条件通过后我无法立即访问输入元素。
可能我需要知道何时实际评估 dom-if 以及为什么即使条件变为真元素也不存在。
polymer - 聚合物 dom-if：如何实现否定条件？
我有一个 Polymer 元素，用于<template is="dom-if"...根据条件提供不同的 HTML 内容。
Polymerdom-if没有 else 条件，因此需要一个否定的 if 条件来模拟它。
像这样的东西：
只有这样是行不通的——消极的条件永远不会过去。
这应该如何实施？
authentication - Dom-if 按用户角色与聚合物和 firebase 使用 firebase-auth 和 google 作为提供者
我试图仅向某些用户显示 dom-if 模板，但我不知道该怎么做。这是我正在尝试做的伪代码：
...
其中“用户”是我从<firebase-auth>元素中获得的对象。user.isAdmin 之类的东西是我想要实现的。
有任何想法吗？谢谢！
polymer - 使用
I have a <template is="dom-if" if=... that I want to use with a logical condition.
Any binding I try appears to be truthy:
I have a <template is="dom-if" if=... that I want to use with a logical condition.
Any binding I try appears to be truthy:
What is the correct way to apply an if condition to a dom-if template?
you have to define your function.
and then in script:
whenever is property title changed, function _isEqualTo is called. so you don't have to take care of observing property or something.
function _isEqualTo is called with 2 parameters, the second one is just plain string you want to compare some value with.
0
投票
1
回答
213
浏览
polymer - Polymer 2.0 太多 ifs
我正在寻找一种更好的优化解决方案，以便在 Polymer 2.0 中有太多的 if。例如，我正在构建一个表格对象，其中每个单元格可以是文本、按钮、链接、对象等。我希望用户能够输入二维数组并让 Polymer 2.0 对象能够选择要使用的标记。我当前的解决方案（如下）简单有几个 if 语句，但这意味着每个单元格如果要调用每个语句。有没有更好的方法来处理这个？
0
投票
1
回答
884
浏览
javascript - 即使条件为假，Polymer 2.0 dom-if 渲染模板
<dom-if" if="{{_isShowCategory(category.name)}}>即使条件为假，我也无法弄清楚为什么我的内部模板正在呈现。我打印出布尔结果，并且if条件正确评估为falsewhen category.nameis 'account'，但仍然是模板呈现。
0
投票
1
回答
577
浏览
polymer-2.x - 聚合物 dom-if 不重新检查条件
我在模板中有一个简单的 dom-if：
以及显示或隐藏的功能。
它仅适用于第一次。如果this.todos.length变为 1，则模板不会消失。当条件为假时，我该如何隐藏。
0
投票
1
回答
1395
浏览
polymer - this.shadowRoot.querySelector('#upload') 总是返回 null Polymer 2.x
我在访问以下dom-if模板中的元素以添加自定义事件侦听器时遇到问题：
我尝试以这种方式添加事件侦听upload-response器：upload-successconnectedCallback
该uploaded属性是false默认的。我在Polymer 2.0 docs中进行了搜索，但没有找到使其工作的方法。我总是得到null。
我已经this.shadowRoot.querySelector在dom-repeat模板中使用过，没有问题。我如何querySelector使用dom-if?
0
投票
2
回答
497
浏览
javascript - 聚合物 dom-如果不工作
我有这个模板 dom-if 使用 Polymer 1.X，但它不工作。
它应该在 is 时显示 'Loading' 并在requirement.allLoadedis时false显示真实requirement.allLoaded内容true。
我在我的测试函数中切换了这个变量的状态。但它不会生效。
注意：我已经使用此结构在其他项目（使用 Polymer 2）中显示/不显示内容并且它正在工作。
I have a <template is="dom-if" if=... that I want to use with a logical condition.
Any binding I try appears to be truthy:
I have a <template is="dom-if" if=... that I want to use with a logical condition.
Any binding I try appears to be truthy:
What is the correct way to apply an if condition to a dom-if template?
you have to define your function.
and then in script:
whenever is property title changed, function _isEqualTo is called. so you don't have to take care of observing property or something.
function _isEqualTo is called with 2 parameters, the second one is just plain string you want to compare some value with.
polymer - Polymer 2.0 太多 ifs
我正在寻找一种更好的优化解决方案，以便在 Polymer 2.0 中有太多的 if。例如，我正在构建一个表格对象，其中每个单元格可以是文本、按钮、链接、对象等。我希望用户能够输入二维数组并让 Polymer 2.0 对象能够选择要使用的标记。我当前的解决方案（如下）简单有几个 if 语句，但这意味着每个单元格如果要调用每个语句。有没有更好的方法来处理这个？
javascript - 即使条件为假，Polymer 2.0 dom-if 渲染模板
<dom-if" if="{{_isShowCategory(category.name)}}>即使条件为假，我也无法弄清楚为什么我的内部模板正在呈现。我打印出布尔结果，并且if条件正确评估为falsewhen category.nameis 'account'，但仍然是模板呈现。
polymer-2.x - 聚合物 dom-if 不重新检查条件
我在模板中有一个简单的 dom-if：
以及显示或隐藏的功能。
它仅适用于第一次。如果this.todos.length变为 1，则模板不会消失。当条件为假时，我该如何隐藏。
polymer - this.shadowRoot.querySelector('#upload') 总是返回 null Polymer 2.x
我在访问以下dom-if模板中的元素以添加自定义事件侦听器时遇到问题：
我尝试以这种方式添加事件侦听upload-response器：upload-successconnectedCallback
该uploaded属性是false默认的。我在Polymer 2.0 docs中进行了搜索，但没有找到使其工作的方法。我总是得到null。
我已经this.shadowRoot.querySelector在dom-repeat模板中使用过，没有问题。我如何querySelector使用dom-if?
javascript - 聚合物 dom-如果不工作
我有这个模板 dom-if 使用 Polymer 1.X，但它不工作。
它应该在 is 时显示 'Loading' 并在requirement.allLoadedis时false显示真实requirement.allLoaded内容true。
我在我的测试函数中切换了这个变量的状态。但它不会生效。
注意：我已经使用此结构在其他项目（使用 Polymer 2）中显示/不显示内容并且它正在工作。