Ana içeriğe atla

Angular uygulama içinde birden fazla layout kullanımı

Angular uygulamamız içerisinde login/logout sayfalarında farklı layout, uygulama içinde farklı layout, hatta farklı bölümler için de birden fazla layout kullanmak isteyebiliriz.

Bu durumlar için yapmamız gereken işlem her bir layout'umuz için farklı bir component oluşturmak ve Route dosyamızı aşağıdaki şekilde güncellememiz yeterlidir.

Şimdi diyelim ki 2 adet layout kullanacağız. Layotlarımızdan biri sadece bir layout olsun adına BasicLayoutComponent , diğeri de genel olarak projemizde kullanacağımız bir layout olsun header footer bilgileri içersin. Bu layoutumuzun adına da PortalLayoutComponent diyelim.

Layoutları da kullanan login ve index adında iki component oluşturalım.

Componentleri aşağıdaki komut satırı ile oluşturabiliriz.
 - ng generate component BasicLayout
 - ng generate component PortalLayout
 - ng generate component Index
 - ng generate component Login

Ardından app-routing.module.ts dosyamızı aşağıdaki şekilde düzenliyelim.

app-routing.module.ts
const routes: Routes = [
  {
    path: '', component: PortalLayoutComponent,    children: [
      {path: '', component: IndexComponent},      {path: 'main', component: IndexComponent}]
  },  {
    path: '', component: BasicLayoutComponent,    children: [{path: 'login', component: LoginComponent}]
  }];
@NgModule({
  imports: [RouterModule.forRoot(routes)],  exports: [RouterModule]
})
export class AppRoutingModule {
}


BasicLayout ve PortalLayout html dosyaları içerisine aşağıdaki kodu ekliyoruz.Bu kod içerisine bizim bu layout u kullanan component içeriklerimiz gelecektir. Bu tag in altına ve üstüne bu layout un içereceği htmlleri, componentleri ekleyebiliriz.

basic-layout.component.ts ve portal-layout.component.html dosya içeriklerine eklenecek standart tag.
<router-outlet></router-outlet>


Yukarıdaki işlemi yaptığımızda index i açtığımızda portalLayout içerisindeki html, login i açtığımızda ise BasicLayoutComponent layout u görünecek.

Bu blogdaki popüler yayınlar

Cannot resolve the collation conflict between "Turkish_CI_AS" and "SQL_Latin1_General_CP1_CI_AS" in the equal to operation.

iki ayrı veri tabanı içindeki tablolar ile işlem yapılmak istendiğinde eğer dil sorunu çıkıyor ise sorgumuzun sonuna 'COLLATE TURKISH_CI_AS' sözcüğünü ekleyerek sorunu çözebiliriz.Örnek : SELECT * FROM veritabani1.dbo.URUN u1 INNER JOIN veritabani2.dbo.URUNLER u2 ON u1.kod = u2.kod COLLATE TURKISH_CI_AS umarım faydalı olmuştur.

SQL DATEADD() Fonksiyonu(Sql de tarihe ay,gün,yıl ekleme)

Kullanım Kalıbı : DATEADD (datepart , number , date ) . datepart ksımına month,year,day vs artırmak istediğimiz tarih birimini yazıyoruz. . number ksımına arttırmak istediğimiz miktarı yazıyoruz. . date kısmına da hangi tarih e ekleneceğini belirtiyoruz. Örnek olarak şu an ki tarihten 1 ay sonrasını görmek için : Şu anki tarih '10-1-2011' olsun(gün,ay,yıl) Sorgu : SELECT DATEADD(MONTH,+1,GETDATE()) Çıktı alacağımız tarih : '10-2-2011' şekinde olacaktır.

Microsoft SQL Server, Error: 18456

sql server da authentication sorunu. genelde sql server kurulumundan sonra sql serverda bir kullanıcı açıldığında şifre ve kullanıcı adı girmenize rağmen girişi kabul etmez. bu durumda önce kullanıcınızın properties status kısmından enabled olup olmadığına bakın. eğer bu enable ise sql server sunucu üzerinde sağ tuş yapıp properties 'den Security sekmesinden "Sql Server And Windows Authentication Mode" seçilmeli ve ardından sql server servisleri yeniden başlatılmalıdır değişikliklerin kayıt edilmesi için. işte sql server artık hem windows authentication ile hemde sql authentication ile çalışabilir artık. Umarım faydalı olur.