Описание тега angular2viewencapsulation

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

ShadowDOM против фрагментов документа - чем они отличаются?

Глядя на статьи о ShadowDOM, кажется, что это расширение для DocumentFragments. В чем реальная выгода ShadowDOM? CSS специфика? Разве я не могу делать примерно одинаковые вещи с фрагментами? Я ищу список возможностей для каждого. Например, оба, каже…
16 дек '14 в 19:35
1 ответ

Как переписать стили angular-material2?

Я использую Angular2 с компонентами дизайна материалов. И хотел бы перезаписать некоторые стили, но похоже, что это невозможно из-за ViewEncapsulation. Можно ли отключить ViewEncapsulation(ViewEncapsulation.None) для сторонних компонентов?
24 июл '16 в 10:20
0 ответов

Нужен угловой ViewEncapsulation?

Я был большим поклонником ViewEncapsulation в угловых компонентах. Но я вижу, если мы установим его в ViewEncapsulation.None - мы также можем инкапсулировать стили, просто выбирая компонент в SCSS. Например: my-component { h1 {} button {} etc.. } Та…
18 июл '18 в 09:55
2 ответа

Как получить глобальный селектор внутри эмуляции эмулированного представления (CSS / Angular2)

У меня есть компонент Home с этим внутри: <alert type="info">Hello from ng2-bootstrap</alert> Внутри моего home.style.scss у меня есть это: :host .alert { background-color: green; } который должен изменить цвет фона на зеленый, но это не…
17 сен '16 в 13:59
0 ответов

Как применить внешний CSS к внешнему компоненту в моем угловом компоненте или использовать внешний CSS только для вложенного внешнего компонента

Я новичок, терминология, используемая здесь, может быть неправильно применена. Мое приложение состоит из трех компонентов. Один внешний компонент clr-datagrid из Project Clarity <body> <app-root> <app-searchform> <ss-multiselect…
07 апр '17 в 08:25
1 ответ

Как отключить инкапсуляцию вида в стороннем компоненте в angular2/4?

Я хочу переопределить стили для компонента с открытым исходным кодом, который я использую, но единственный способ найти инкапсуляцию вида - найти в декораторе компонента. Конечно, использование стороннего модуля означает, что я не могу редактировать…
27 апр '17 в 00:35
1 ответ

Установка фона в Angular2 с инкапсуляцией, установленной как none

Я пытаюсь установить изображение на фоне всей страницы следующим образом: app.component.html <div [ngStyle]="{'background-image': 'url(' + somePhoto + ')'}"> <h1> Hello, world </h1> </div> app.component.ts (примечание: инкапс…
01 янв '18 в 04:31
0 ответов

Стилизация затененных элементов из внешнего мира с помощью Stylus/WebStorm

В Angular 2 я пытаюсь стилизовать экземпляр компонента из таблицы стилей его контейнера <my-container> <my-component> <span>some text</span> </my-component> </my-container> Очевидно, у меня есть ViewEncapsulation.…
05 янв '17 в 12:09
1 ответ

ViewEncapsulation создает проблемы при оформлении старших графиков

Я использую несколько диаграмм в одном представлении, каждый из которых является собственным компонентом. У меня есть LineChartComponent и XRangeChartComponent. Я использую файл стилей с XRangeChartComponent и переопределяю некоторые классы. Но стил…
13 фев '18 в 18:44
0 ответов

Angular 5 NPM Package pass массив динамических классов

Я создал новый пакет NPM, который принимает массив классов, которые я объявляю в компоненте, который использует определенные классы, app.component.html <ngx-lazy-image [lazyClasses]="['gs-img']" [largeImgUrl]="largeImgUrl" [thumbnailUrl]="thumbna…
20 фев '18 в 15:43
3 ответа

Отключение эффекта ViewEncapsulation.None в Angular

Как отключить эффект ViewEncapsulation.None? Например, один из моих компонентов (firstComponent) определяет класс css с некоторыми свойствами. Существует secondComponent, который использует тот же класс CSS. Я хочу, чтобы мой "secondComponent" испол…
17 апр '18 в 09:42
0 ответов

Как определить пространство имен реквизитов _nghost/_ngcontent в Angular?

В настоящее время я провожу некоторые эксперименты с совместным использованием приложений Angular в качестве веб-компонентов, и я столкнулся с проблемой, когда стили одного приложения влияют на другое. Учитывая тот факт, что я использую эмуляцию пре…
23 ноя '18 в 09:44
1 ответ

Angular не инкапсулирует css при использовании View encapsulation

У меня есть два меню в моем приложении. Оба они используют главное меню панели Я изменил их CSS. Проблема теперь после добавления second-menu в мое приложение, left-menu Стиль изменился. Я пытался использовать View encapsulation на обоих из них left…
11 апр '18 в 09:43
1 ответ

Области применения CSS к модулю только в Angular 5, чтобы предотвратить попадание в другие части приложения

Как я могу использовать CSS только для модуля в Angular? Когда я загружаю модуль лениво, и в нем есть ViewEncapsulation.None, CSS переходит в другие части моего приложения. Любая идея, как предотвратить это, или сохранить этот CSS только для этого м…
24 фев '18 в 22:38
2 ответа

Правильный способ переопределить стиль дочернего компонента от углового компонента узла

Как правильно переопределить стиль дочернего компонента от основного компонента. Я пытался с помощью encapsulation: ViewEncapsulation.None но мне нужно написать переопределить вещи в файле style.sass, а не хост-компонент. Какой должен быть стек
23 янв '19 в 13:52
0 ответов

Измените такие атрибуты, как _ngcontent-c0, на data-ngVE="_ngcontent-c0"

Я помню, как читал статью, предлагающую изменить сгенерированные атрибуты, такие как _ngcontent-c0 в data-sth="_ngcontent-c0" атрибуты, потому что первый не проверяется при проверке разметки. К сожалению, я не помню, как этого добиться, и нигде не с…
17 ноя '17 в 10:17
0 ответов

В чем разница между ViewEncapsulation.None и:host,:host /deep/?

У меня есть пользовательский элемент управления Angular 6, который я создал как обертку вокруг другого элемента управления, чтобы мы могли применять наши собственные правила CSS. Я удалил ViewEncapsulation в этом компоненте-обертке, чтобы мы могли п…
16 июл '18 в 04:49
0 ответов

Влияние производительности ViewEncapsulation на приложение angular5

Может кто-нибудь помочь, пожалуйста, какова цель обеспечения инкапсуляции в метаданных угловых 5 компонентов. Какое влияние на производительность оказывают выбор None, Emulated и Native? import { Component } from '@angular/core'; import { Http } fro…
07 мар '18 в 04:17
0 ответов

CSS-стиль в эмуляции углового эмулированного вида

Из -за проблем со стилем с VIEWENCAPSULATION.NONE в моем угловом компоненте я переключился на.EMULATED Теперь я не могу сделать самые простые изменения CSS. Стили, сохраненные в файле CSS компонентов, а не в глобальном файле CSS. Например, в элемент…
15 фев '18 в 11:39
1 ответ

Инкапсуляция CSS, как в угловых для реагирующих приложений

Я хотел бы знать, есть ли альтернатива, библиотека / плагин / инструмент или что-то, что может быть интегрировано с приложением реагирования, которое обеспечит ту же функциональность для инкапсуляции CSS, что и угловая, используя селекторы атрибутов…
22 мар '19 в 17:49