Merge pull request #5 from johanah29/abakar

Abakar

angular.json

@@ -1,5 +1,8 @@
 {
   "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
+  "cli": {
+    "analytics": false
+  },
   "version": 1,
   "newProjectRoot": "projects",
   "projects": {

src/app/app.component.html

@@ -1 +1 @@
-<router-outlet></router-outlet>
+<app-launch-programs></app-launch-programs>

src/app/app.module.ts

@@ -4,20 +4,24 @@ import { BrowserModule } from '@angular/platform-browser';
 
 import { AppRoutingModule } from './app-routing.module';
 import { AppComponent } from './app.component';
+import { LaunchDetailComponent } from './components/launch-detail/alunch-detail.component';
+import { LunchProgramsComponent } from './components/launch-programs/launch-programs.component';
 import { ListCapsuleComponent } from './components/list-capsule/list-capsule.component';
 import { CapsuleComponent } from './components/capsule/capsule.component';
 
 @NgModule({
   declarations: [
     AppComponent,
+    LaunchDetailComponent,
+    LunchProgramsComponent,
     ListCapsuleComponent,
     CapsuleComponent
   ],
   imports: [
     AppRoutingModule,
     BrowserModule,
-    HttpClientModule,
-    AppRoutingModule
+    AppRoutingModule,
+    HttpClientModule
   ],
   providers: [],
   bootstrap: [AppComponent]

src/app/components/launch-detail/alunch-detail.component.ts

@@ -0,0 +1,26 @@
+import { Component, Input, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-launch-detail',
+  templateUrl: './launch-detail.component.html',
+  styleUrls: ['./launch-detail.component.css']
+})
+export class LaunchDetailComponent implements OnInit {
+
+  showMe:boolean=false
+
+  toggleTag(){
+    this.showMe=!this.showMe
+  }
+
+  @Input() data: any;
+
+  constructor() { }
+
+  ngOnInit(): void {
+  }
+
+  ngOnChanges() {
+    console.log(this.data);
+  }
+}