Angular 2 Tutorial #8 - Nesting Components

----- COURSE LINKS:

---------------------------------------------------------------------------------------------
You can find more front-end development tutorials on CSS, HTML, JavaScript, jQuery, WordPress & more on the channel homepage...

========== PSD to WordPress Playlist ==========

============== The Net Ninja =====================

================== Social Links ==================

[djjaysmith]

For those struggling on a later release, use the following import statement instead
import { HomeComponent } from './home/home.component';

And skip the "directives" line, it is no longer needed

[judashgriff]

Seriously, you taught me my foundation developer skills. HTML-CSS, Python, JS and now this as well! Your work is incredible, please, keep it up! And a huge THANK YOU!!!

[faridul.hassan]

Awesome tutorial. Thank you very much for these kind of good tutorials.

[JammondMusic]

in the latest version, new components are imported automatically upon creation via the 'app.module.ts' file. :)

[samfinn]

hello Mr Ninja, has there been an update to angular2 because The <app-home> tag worked in the HTML file without needing to import the component

[omemester]

Shifu please create an updated Angular tutorial <3

[martinhosman]

Ninja, great tutorial series!!! I would like some videos about Routing, HTTP, Pipes, and Services. And I have a question. For example, I have a website and a external API but I don't want to expose the methods of the API. I would like to get the data first (Server side) and just return what I want to the client. In that case the solution is to use some php or whatever in the public folder? I don't know how to do this just using Angular CLI.

[neeteshvishwakarma]

Hi Ninja, first of all thank you for such a great videos for new bees like me. i have a query in my case it is working without importing and including directives. so should i assume that we don't have to include directive while nesting components ?

[neetishraj]

I am confused it works for me by just generating the component and adding it in the parent html the <app-home></app-home>, i didnt need to touch the app.component.ts file, is this a feature in newer angular, moreover theres no index.ts generated in my component

Is it ok to countinue with angular2 while i am running ur course with angular 5.2.8

[moretins]

hallo can someone explain how to connect the filter input and the ninja list display if they are not in the same component

[carlosfreitas]

like Jason Smith said, the previous lesson of creating component was perfect enough to automatically nest "home" component to app component (root). Thereas, making less trouble of creating a directives and all of mumbo-jumbo. I wonder if you still need to import "HomeComponent" class though... i think it goes auto when you use <app-home> </app-home> directives.

[timothyvandyke]

I tried this today, and it worked when it was in the state of the last video at the end. I don't know if I have an auto import plug-in, but I don't see any import messages. Can anyone confirm Angular updated and is different now?

[adityaadhikari]

im using visual studio code as an IDE and i didnt import my HomeComponent into Rootcomponent.I used selector "app-home " into root's app.component.html and it is still working.Is there any difference between atom.io and VSC by which im didnt have to import component?

[pukka]

Hello,

For directives
Problem fixed:

Make sure to use the ng commands used in these videos.
for creating components ng generate component

Angular2 will take care of it automatically, no need to import or add anything
Just add selector tags in root component i.e app component

Thanks

[vejin]

Hey Ninja,

Angular2 RC5 just came out yesterday or so, and has some breaking changes like inclusion of ngModule new decorator etc. So I was wondering will you be covering that in these videos or will this be based on older RC4?

Thanks for the great vids, very quick and straight to the point, just enough to get you started, which is what I like about them :)

[DotNetHow]

Hey Ninja,

First of all I would like to thank you for the amazing series. :)
Are there any other upcoming series about: Pipes, Services, HTTP, Mappings, Routing etc?

[xIslamTaha]

angular 2.4 is supporting nest the home component without the telling step .. please update this video

[baco]

I'm glad Angular 6 is WAY simpler than this. You don't need any of these passages.

[Quenjii]

Great playlist man! I've been waiting for this one for quite some time now. However, I think that you're splitting up the videos a bit too much e.g. #7 and #8 could've been done in one video, the same goes for #5 and #6. Thanks anyway :)

[chrishansen]

hmm.. most likeley because we are using different versions of the CLI, but my version is not gengerating that index file you got in your home.component. So, i'm getting an error when trying to write my directive. Any suggestions ..?