Angular 2 Essential Training | Session 17 The Component Selector

Video ready, click here to close ×

Facebook Page :
Angular will use the selector property…from the component metadata…to find a match in the DOM based on an element name.…If we take a look at the app component,…we can see that it has a selector with a value of ‘app’.…And if we flip over to our index.html file,…we can see that we have a DOM element named app.…As we learned in an earlier lesson…Angular kicks off with the bootstrap call…that takes in an Angular root module.…

And the root module has a bootstrap metadata property…that contains a list of components to use…as the starting component.…This bootstrap process tells Angular…to look over the initial DOM on the page,…take the selector from the app component…and find the first match.…Angular finds the app element…and applies the app component to that element.…The bootstrap function will only load the component…on the first match it finds.…It will not bootstrap multiple instances…of the same component type.…

Now this is a bit different from how…components nested in components work.…This will get covered in and upcoming lessons
angular 2 tutorial,
angular 2 tutorial for beginners,
angular 2 routing,
angular 2 vs react,
angular 2 forms,
angular 2 cli,
angular 2 material,
angular 2 observables,
angular 2 visual studio 2015,
angular 2 testing,
angular 2,
angular 2 app,
angular 2 animation,
angular 2 authentication,
angular 2 architecture,
angular 2 advanced,
angular 2 core,
angular 2,
angular 2 application,
angular 2 app tutorial,
angular 2 aot,
angular 2 bootstrap,
angular 2 basics,
angular 2 bootstrap 4,
angular 2 beginner,
angular 2 build,
angular 2 bangla,
angular 2 best practices,
angular 2 binding,
angular 2 bucky,
angular 2 basic tutorial,
angular 2 components,
angular 2 conference,
angular 2 cli tutorial,
angular 2 crud,
angular 2 complete course,
angular 2 course,
angular 2 concepts,
angular 2 cli webpack,
angular 2 conf,


Leave a Reply

Your email address will not be published. Required fields are marked *