Angular 7 ile Proje Oluşturmak -2-

Angular

Component Oluşturmak:

CLI kullanarak oluşturalım componentimizi, Componenti oluşturacağımız klasöre gidiyoruz. src/app/

Terminal ekranımızı açıyoruz:

ng generate component todo
Component

Herhangi bir problemimiz olmazsa ekran çıktısını göreceğiz.

Projemizde oluşturmuş olduğumuz Componentimizi iki yöntem ile çağıra biliyoruz;

  1. Yöntem : app.component içerisinde selector yardımıyla.
  2. Yöntem : route işlemi yaparak farklı bir linke yönlendirerek. (Daha Sonra değiniceğim)

Şimdi projecedi todo.component.ts içerisinde ki ( selector: ‘app-todo’ ) seçicinin ismini kontrol edelim. app-todo

app.component.html  sayfasına giderek <app-todo></app-todo> tagını ekleyelim. Bu işlemle artık yeni oluşturduğumuz componenti görüntüleye biliyoruz.

Selector App
ng serve --open

projeyi ayağa kaldıralım.

App Selector Page

Yaptığımız bu işlemle bir componentin içerisinde başka bir componenti çağırmış olduk.

Yapmış olduğumuz projenin kodlarına buradan erişebilirsiniz.

Başka bir makalede görüşmek üzere.

You may also like...

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir