html - 带有纸张输入的 Polymer 1.x 插入图像
问题描述
这是我的情况-每当出现纸张输入错误时,我都想显示带有错误信息的图像。所以我想生成看起来像这样的代码
<paper-input-error ng-if="isError">{{errorMessage}}
<iron-icon icon="icons:warning"</iron-icon>
</paper-input-error>
我试图使用 ::after 标记使用 css 添加代码
<style>
paper-input-error::before{
content:'<iron-icon icon="icons:warning"</iron-icon>';
}
<style>
但这不起作用。做这个的最好方式是什么?
解决方案
// import paper-input-error
<dom-module id="element-name">
<template>
<style>
/* CSS rules for your element */
</style>
<!-- local DOM for your element -->
<paper-input-error ng-if="isError">{{errorMessage}}
<iron-icon icon="icons:warning"</iron-icon>
</paper-input-error>
</template>
<script>
// element registration
Polymer({
is: "my-input-error",
// add properties and methods on the element's prototype
properties: {
// declare properties for the element's public API
isError: {
type: Boolean,
value: false
},
errorMessage: {
type: String,
value: 'Error!'
}
}
});
</script>
</dom-module>
推荐阅读
- python - pandas DataFrame 样式丢失表格边框
- node.js - 将 createPages 与用户身份验证和静态内容一起使用
- python - 识别熊猫数据框中的耦合行
- sql - Microsoft SQL Server 中的 SQL 创建表错误问题
- big-o - 初始化非零时如何计算for循环的原始比较操作?
- jquery - jQuery验证域名条目并删除前导字符
- algorithm - 为 minDiff 增加红黑树
- javascript - 表格每一行的 HTML 事件监听器
- java - 是否有满足这些需求的 Java Map 类?
- pandas - Pyspark 或 Pandas - 比较 DF1 的 col1 和 DF2 的 col2 并根据 col2 删除 col1 中的重复单词