我希望在 lit-element 中实现基于条件的 HTML,并且需要 Angular 提供的 *ngIf 之类的东西。
我可以根据条件渲染不同的 HTML,但如果可以根据条件完成那就太好了。
我正在创建我的自定义手风琴元素。其中我将有 2 个组件,1 用于 ul,其他用于 li。
文件accordion-ul.ts 中的内容,其中我有一个我想要我的li 的插槽。
import { html, customElement, property, LitElement } from 'lit-element';
import { Accordion } from 'carbon-components';
@customElement('accordion-panel')
export default class AccordionPanel extends LitElement {
firstUpdated() {
const accordionElement = document.getElementById('accordion');
Accordion.create(accordionElement);
}
connectedCallback() {
super.connectedCallback();
}
render() {
return html`
<ul data-accordion class="accordion" id="accordion">
<slot></slot>
</ul>
`;
}
createRenderRoot() {
return this;
}
}
Run Code Online (Sandbox Code Playgroud)
注意:我在 firstUpdated() 的控制台中收到错误:未捕获(承诺)TypeError:无法读取 null 的属性“nodeName”。
我使用它进行测试的方式:
<accordion-panel><li>test</li></accordion-panel>
Run Code Online (Sandbox Code Playgroud)
IDK,它不工作,屏幕上没有打印任何内容。在检查元素时,我可以看到 DOM 中有空。
有没有修改单品缩略图的hook?我确实在 SO 以及互联网上搜索了很多,但没有运气。
对于“缩略图”,我并不是说要更改当前图像的大小,而是要根据某些情况用新图像完全更改/替换产品图像(缩略图)。
public function pn_change_product_image_link( $html, $post_id ){
$url = get_post_meta( $post_id );
$alt = get_post_field( 'post_title', $post_id ) . ' ' . __( 'thumbnail', 'txtdomain' );
$attr = array( 'alt' => $alt );
$attr = apply_filters( 'wp_get_attachment_image_attributes', $attr, NULL );
$attr = array_map( 'esc_attr', $attr );
$html = sprintf( '<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/3/38/WP_Suspension_logo.svg/2000px-WP_Suspension_logo.svg.png"', esc_url($url) );
foreach ( $attr as $name => $value ) {
$html .= " $name=" . '"' . $value . '"';
}
$html .= ' />'; …Run Code Online (Sandbox Code Playgroud) 我从服务器得到以下响应:
我想获得具有出现次数的唯一键.采用以下格式:
0:{"name":"physics 1","count":2}
1:{"name":"chem 1","count":6}
Run Code Online (Sandbox Code Playgroud)
我已经检查了如何计算数组中每个项目的出现次数?但那不是我想要的.
有什么方法可以从Windows 10的Git Bash中删除用户名和计算机名称?
我已经检查了这个:https : //github.com/Maximus5/ConEmu/issues/199
但是不知道该怎么做。
lit-element ×2
angular ×1
git-bash ×1
javascript ×1
php ×1
polymer ×1
product ×1
typescript ×1
windows-10 ×1
woocommerce ×1
wordpress ×1