前端学习（2326）：angular之用户输入数据

test1.component.html

<p class="p1">test1 works!</p>
<div (click)="clickDemo()" >我是div1的内容</div>
<input (keyup)="onkey($event)"  type="text">

test1.component.spec.ts

import { ComponentFixture, TestBed } from '@angular/core/testing';

import { Test1Component } from './test1.component';

describe('Test1Component', () => {
  let component: Test1Component;
  let fixture: ComponentFixture<Test1Component>;

  beforeEach(async () => {
    await TestBed.configureTestingModule({
      declarations: [ Test1Component ]
    })
    .compileComponents();
  });

  beforeEach(() => {
    fixture = TestBed.createComponent(Test1Component);
    component = fixture.componentInstance;
    fixture.detectChanges();
  });

  it('should create', () => {
    expect(component).toBeTruthy();
  });
});

test1.component.ts

import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'app-test1',
  templateUrl: './test1.component.html',
  styleUrls: ['./test1.component.css']
})
export class Test1Component implements OnInit {

  constructor() {
    // 先出现
    console.log(1);
  }

  ngOnInit(): void {
    console.log(2);
  }
  clickDemo(){
    console.log('1111');
  }
  onkey($event: any){
    this.values = event.target.value;
  }
}

运行结果