Update

Author: daniel-oliv3

webapp-030/src/app/app.component.html

@@ -2,7 +2,7 @@
   <div class="panel panel-default espaco">
 
 
-
+    <app-socios [nome_novo] = 'valor'></app-socios>
 
 
 

webapp-030/src/app/app.component.ts

@@ -11,9 +11,7 @@ import { Component } from '@angular/core';
 export class AppComponent {
 
   //...
-  lista_nomes: string[] = [
-    'Daniel', 'Priscila', 'Jojob'
-  ];
+  valor: string = 'Sapup3';
 
   }
 

webapp-030/src/app/app.module.ts

@@ -3,10 +3,12 @@ import { BrowserModule } from '@angular/platform-browser';
 
 import { AppRoutingModule } from './app-routing.module';
 import { AppComponent } from './app.component';
+import { SociosComponent } from './socios/socios.component';
 
 @NgModule({
   declarations: [
-    AppComponent
+    AppComponent,
+    SociosComponent
   ],
   imports: [
     BrowserModule,

webapp-030/src/app/socios/socios.component.css

@@ -0,0 +1 @@
+<p>Nome: {{ nome }}</p>

webapp-030/src/app/socios/socios.component.html

@@ -0,0 +1,25 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { SociosComponent } from './socios.component';
+
+describe('SociosComponent', () => {
+  let component: SociosComponent;
+  let fixture: ComponentFixture<SociosComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ SociosComponent ]
+    })
+    .compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(SociosComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

webapp-030/src/app/socios/socios.component.spec.ts

@@ -0,0 +1,11 @@
+import { Component, Input } from '@angular/core';
+
+@Component({
+  selector: 'app-socios',
+  templateUrl: './socios.component.html',
+  styleUrls: ['./socios.component.css']
+})
+export class SociosComponent {
+
+  @Input('nome_novo') nome: string = 'Daniel Oliveira';
+}