Шутка о разыскиваемом преступнике, которое вы можете распечатать на бланке, указывающий всех, кого вы знаете.
Этот пример помогает вам понять или вспомнить принцип веб-компонентов. Возможно, вы можете узнать некоторые новые о веб-компонентах или способах печати непосредственно из веб-браузеров.
Как можно запустить
Самый простой способ запустить пример - сделать это в Stackblitz. Просто выберите свой стек:
- Запустить на Stackblitz с помощью Angular
- Запустить на Stackblitz, используя React
- Запустить в мобильных браузерах
Если вы хотите погрузиться в код. Используйте сервер Dev Webpack внутри примера через npm i && npm start
Что я хочу указывать
- Вы можете использовать экземпляр веб-компонента, чтобы напрямую работать со своими свойствами и методами. Это удобнее, чем использовать атрибуты строк и события DOM.
- Используйте *.D.Sts TypeScript File для описания интерфейса вашего веб -компонента в пакете.
- Да, веб -компонент может повлиять на целый DOM веб -страницы после вызова ContectCallback Метод. Используйте его с осторожностью. В этом примере это было сделано как исключение из нормального.
- Это хороший пример архитектуры «плагин и воспроизведения», которая является сильным костюмом для веб-компонентов. PrintWantedForm не требует дальнейшей настройки для печати. Вам нужен просто метод вызова print ().
- Native JS позволил мне сделать трудную работу с асинхронной нагрузкой шрифтов Google и вписать весь контент в одну страницу печати независимо от количества слов.
- Нетрудно отказаться от зависимостей и сделать небольшой пакет.
- Вы можете использовать метод render () для печати сами. Например, вы можете генерировать PDF на стороне сервера, используя кукол. Может быть, это сложный способ, но вы обязательно будете достигать ожидаемого результата.
Я надеюсь, что этот пример будет вам полезен!
