typescript - How to import styles for ui custom library in angular 2? -


i working in ui library , have imported scss styles in components (button example). if instantiate component button twice in client app (my ui library dependency), scss calls twice too. there way, app client calls once button's scss?

now import scss in component example: have component "my-custom-button" my-custom-button.html, my-custom-button.scss , my-custom-button.ts . import scss file in my-custom-button.ts stylesurl.

what happening here ? angular uses component metaphore, each component has own view encapsulation. emulated default (see below meaning).

you can switch viewencapsulation mode setting encapsulation property 1 of these values :

  • viewencapsulation.none: no encapsulation done, component style apply element matching selector used in css.

  • viewencapsulation.emulated: angular rewrite components styles (adding custom attributes selectors) match related component , append inline <style> tag n head.

  • viewencapsulation.native: angular use native shadow dom of browser (won't work on old browsers).

example :

@component({    ...    encapsulation: viewencapsulation.native,    ... })

see component styles more details.

to conclude :

you can avoid evaluation on fly, putting styles in random css file puth in head of html, end of every components styles not being encapsulated.

maybe viewencapsulation.native more performant, have no proof neither , idea on how benchmark ( there a question related topic), , not work older browsers.


Comments

Post a Comment

Popular posts from this blog

javascript - Clear button on addentry page doesn't work -

this addentry blog page have made scratch , there underlying problems code particularly clear button supposed clear text entered when button clicked on doesn't work have saved html file problem. also 1 other problem submit button works doesn't pass of text index file have written php , reason whenever click on submit button redirects me index page without posting entry have made. <!doctype html> <html> <head> <script> function message() { alert("clear form?"); } </script> <style> body {background-color: beige;} h1 {color: black;} p {color: black;} textarea { width: 50%; height: 150px; padding: 12px 20px; box-sizing: border-box; border: 2px solid #ccc; border-radius: 4px; background-color: white; font-size: 16px; resize: none; } div { padding-left: 20px; } </style> </head> <meta charset="utf-8"> <link rel="stylesheet" href=".
Read more

c# - Selenium Authentication Popup preventing driver close or quit -

i have selenium automated task setup login website retrieve information. it's basic in automation. logging in , clicking 2 links. running issue proving problem. the site in question uses authentication required popup not javascript popup rather regular windows auth popup. have read isn't handled out of box selenium. i using " http://username:password@url.com " site every , site has issues on end prompt me again username/password randomly. have enter username/password twice in row when navigating there hand. since task loops continuously few hours picking needed info figured use webdriverwait verify element present on page. if authentication popup appears, element isn't present. no need care run, start over. the problem having when authentication popup displayed , hit timeout limit want close driver/browser window can start task on again. however, driver.close() , driver.quit() not doing anything. browser remains open , unloaded page still there login p
Read more

tensorflow when input_data MNIST_data , zlib.error: Error -3 while decompressing: invalid block type -

i'm geting started tensorflow,followed tutorials,but cannot download mnist data. import tensorflow tf tensorflow.examples.tutorials.mnist import input_data mnist=input_data.read_data_sets("mnist_data/",one_hot=true) print("download done!") error information: extracting mnist_data/train-images-idx3-ubyte.gz traceback (most recent call last): file "/home/sj/program/tesorflow_try.py", line 6, in <module> mnist=input_data.read_data_sets("mnist_data/",one_hot=true) file "/usr/local/lib/python2.7/dist-packages/tensorflow/contrib/learn/python/learn/datasets/mnist.py", line 213, in read_data_sets train_images = extract_images(f) file "/usr/local/lib/python2.7/dist-packages/tensorflow/contrib/learn/python/learn/datasets/mnist.py", line 60, in extract_images buf = bytestream.read(rows * cols * num_images) file "/usr/lib/python2.7/gzip.py", line 268, in read self._read(readsize) file
Read more