Описание тега stencil-component

Вопросы с тегом
0 ответов

Счетчик отзывов не работает на странице поиска

Я разместил этот код на card.html, количество отзывов не только на странице поиска. {{#if show_rating}} <p class="card-text" data-test-info-type="productRating"> <span class="rating--small"> {{> components/products/ratings rating=rati…
20 янв '18 в 10:46
1 ответ

Как я могу вставить изображение в веб-компонент?

Я пытаюсь вставить изображение в веб-компонент, который создаю с помощью Stencil. Я получаю 2 ошибки: AppLogo is declared but its value is never read. а также Cannot find module ../assets/logo.svg. Справочники: - src -- components --- app-header ---…
19 фев '19 в 13:18
1 ответ

getBoundingClienRect() извлекает хорошую позицию элемента в первый раз, но {0,0,0,0} после второго рендеринга

В настоящее время я занимаюсь разработкой приложения Ionic4/stencil (с инструментарием PWA: https://ionicframework.com/pwa/toolkit) и получаю проблему для определения позиции компонента. @Component({ tag: 'app-projects-gallery', styleUrl: 'app-proje…
19 сен '18 в 12:26
2 ответа

Веб-компоненты: как работать с детьми?

В настоящее время я экспериментирую с StencilJS для создания некоторых веб-компонентов. Теперь я знаю, что есть <slot /> и названные слоты и все такое. Исходя из React, я думаю, слот похож на детей в React. Вы можете делать много вещей, исполь…
20 сен '18 в 09:00
0 ответов

Приложение Bootstrap Angular 2+ для определенного элемента DOM внутри другого фреймворка

Я пытаюсь запустить приложение Angular 2+ (точнее 6) внутри определенного узла DOM. Я хочу сделать это внутри веб-компонента my-component (написано с помощью StencilJS). В идеале я мог бы начать загрузку с корневого элемента моего веб-компонента с п…
20 июн '18 в 10:52
4 ответа

Чем трафарет отличается от React и Angular?

Я знаком с Angular и знаю основы React. Я изучал документацию по трафарету и обнаружил, что компонент трафарета имеет @Component декоратор и render() функции- component.tsx import { Component, Prop } from '@stencil/core'; @Component({ tag: 'my-first…
23 авг '17 в 12:41
1 ответ

Как получить доступ к другим полям встроенной формы трафарета в компоненте Alfresco ADF?

Как получить доступ к другим полям встроенной формы трафарета в компоненте Alfresco ADF? Кто-нибудь может предложить решение в этом?
28 май '18 в 09:59
1 ответ

Stenciljs CSS глобальные переменные

Я не могу заставить работать глобальные переменные CSS, как описано в документации по ионному трафарету. Я создал файл 'variables.css' в 'src / global /', а затем поместил "globalStyle: 'src / global / variables.css'" в файл "stencil.config.ts". Зат…
15 авг '18 в 16:24
1 ответ

Генератор документов для Stencil JS

Я использую Stencil JS для создания пользовательских веб-компонентов. В какой-то момент я столкнулся с этим требованием для создания документации для созданных пользовательских веб-компонентов. Есть несколько сгенерированных документов, которые я пр…
05 июл '18 в 04:06
3 ответа

Вложенные трафаретные маршруты / компоненты

Я пытался реализовать вложенные маршруты / компоненты. Может кто-то просто, пожалуйста, объясните мне, как вкладывать маршруты / компоненты. Трафаретные документы не очень помогают. Скажем, в моем компоненте слева у меня есть sidenav с парой stencil…
06 авг '18 в 12:21
0 ответов

Проблемы с импортом некоторых внешних js в веб-компонент Stenciljs

Мне удалось без проблем импортировать некоторые простые внешние js-библиотеки, например, в пользовательские веб-компоненты Stencil, но недавно я хотел создать веб-компонент stomp, который зависел от stomp-websocket и sockjs-client. Я не мог импортир…
23 авг '18 в 14:36
1 ответ

Загружает ли шрифт с помощью @import внутри веб-компонента с тенью перезагрузить файл?

Я использую Stencil для создания собственного веб-компонента браузера, используя тень для инкапсуляции вида. Если в верхней части моего файла SCSS я использую @import url($url-icons); Будет ли при этом каждый компонент повторно загружать файлы шрифт…
29 май '18 в 05:14
1 ответ

Stenciljs @Method не работает

Я изо всех сил пытаюсь заставить @Method работать в stenciljs - любая помощь будет принята с благодарностью. Вот мой код компонента с функцией setName, которую я хочу представить в моем компоненте: import { Component, Prop, Method, State } from "@st…
10 май '18 в 12:05
0 ответов

Обновить компонент при перенаправлении с помощью stencil-router

Я использую StencilJs а также stencil-router После входа я хочу перенаправить на другой компонент, для которого я использую следующий код return <stencil-router-redirect url={${appConfig.pathPrefix}/ комнаты} />; этот код перенаправляет на ком…
22 май '19 в 08:46
2 ответа

Включите es5 lib в веб-компонент трафарета

У меня есть внешняя библиотека, написанная в старом стиле IIFE. У меня есть веб-компонент, который использует эту библиотеку внутри. Этот веб-компонент был создан с помощью трафарета. Теперь, если я использую свой веб-компонент в каком-либо проекте,…
07 мар '19 в 07:01
2 ответа

Stencil.js - прослушивает изменения атрибутов класса в элементе хоста

Как я слушаю изменения в class атрибут на элементе хоста?
26 апр '19 в 06:05
0 ответов

Ионный трафарет: расширение компонентов по умолчанию

Мне нужно внести определенные изменения в поведение некоторых из ионных компонентов. Это было достаточно просто с Ionic 3 и угловыми компонентами, но теперь, когда мы переходим на Ionic 4, я считаю более сложным изменить стандартные веб-компоненты в…
17 июн '19 в 17:34
1 ответ

Свойства объекта трафарета не задаются, если они предоставлены через строку HTML

Согласно документации, свойство Stencil компонента myProperty @Prop({attribute: "my-prop"}) public myProperty?: object = {}; должен быть установлен с помощью этого HTML-кода: <my-component my-prop="{hello: 'world'}" ></my-component> Но в…
19 июн '19 в 17:05
1 ответ

EventSource.js не экспортирует NativeEventSource, EventSourcePolyfill

Я добавляю polyfill к моему компоненту трафарета. вот мой файл component.tsx import { NativeEventSource, EventSourcePolyfill } from 'event-source-polyfill'; const EventSource = NativeEventSource || EventSourcePolyfill; ...code .... export class Noti…
28 июн '19 в 13:14
1 ответ

Почему трафарет версии 1+ удаляет атрибут типа из кнопки HTML?

Я недавно обновил версию ядра трафарета до последней версии, то есть 1.3.2 После обновления возникает странная проблема, в которой я не уверен, что это ошибка или предполагаемое поведение. Я прочитал журнал изменений, но не нашел ничего, связанного …
25 сен '19 в 11:56