JavaScript Nested components elements styled components nested elements,styled-components nested elements

I'm stuck on a template/component problem and I couldn't find any answer.

I'm trying to move a plain Javascript project to Angular2. In my project, I actually create some elements by inherit from others. Example:

File header.html

<header class="some_class"></header>

File header_base.html inherits from header.html

<header> <!-- This is the header element from the header.html file. -->
  <img class="some_class" src="path/to/my/image">
  ...
</header>

EDIT: To clarify how I actually do, to 'inherits file from another', I use Javascript.

My problem is that I can't find out how to do that in Angular. My question is, is there any way to accomplish something like that or do I need to change my way of 'templating' things ?

Thanks by advance.

Answer:1

I'm using OpenLayers3 to integrate a map into a website. I added some features representing objects according to their position. I added an overlay containing data on that object when it is clicked on,...

I'm using OpenLayers3 to integrate a map into a website. I added some features representing objects according to their position. I added an overlay containing data on that object when it is clicked on,...

i am learning react and writing my own components but i ran into an issue with project organisation. here is my tree Project_Folder - Components - Form - index.js - form.less ...

i am learning react and writing my own components but i ran into an issue with project organisation. here is my tree Project_Folder - Components - Form - index.js - form.less ...

Objective: Load a variable with a string value with random characters, split each character into an array, sort those alphabetically and also made them in upper case format. At end, it's required ...

Objective: Load a variable with a string value with random characters, split each character into an array, sort those alphabetically and also made them in upper case format. At end, it's required ...

I have a DOM as shown below in which I want to hide specific h2 tag contents. All of them have the same class shows-list__title. The contents are at Line A (Vote 2015 Phone-in), Line B(Vote 2015 ...

I have a DOM as shown below in which I want to hide specific h2 tag contents. All of them have the same class shows-list__title. The contents are at Line A (Vote 2015 Phone-in), Line B(Vote 2015 ...

  1. hide html content using jquery
  2. hide html content
  3. hide html content using javascript
  4. hide html content css
  5. hide html content using css
  6. html hide content on click
  7. hide content html code
  8. html hide content on mobile
  9. html hide content outside div
  10. html hide content of div
  11. html hide content behind div
  12. html hide content inside div
  13. html hide content button
  14. php hide html content
  15. hide show content html
  16. hide table content html
  17. html hide td content
  18. html hide tab content
  19. html hide page content
  20. wap to hide html content on button click