前端学习（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;}
}

运行结果

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

前端学习（1350）:用户的增删改查操作7增删改查
demo25.js //创建http连接 const http = require('http'); //创建服务器 const app = http.createServer(); //第三方模块导 ...
前端学习（1349）:用户的增删改查操作6删除
//创建http连接 const http = require('http'); //创建服务器 const app = http.createServer(); //第三方模块导入 const mo ...
前端学习（1348）:用户的增删改查操作5修改
//创建http连接 const http = require('http'); //创建服务器 const app = http.createServer(); //第三方模块导入 const mo ...
前端学习（1347）:用户的增删改查操作4修改
//创建http连接 const http = require('http'); //创建服务器 const app = http.createServer(); //第三方模块导入 const mo ...
前端学习（1346）:用户的增删改查操作3增加
//创建http连接 const http = require('http'); //创建服务器 const app = http.createServer(); //第三方模块导入 const mo ...
前端学习（1345）:用户的增删改查操作2
//创建http连接 const http = require('http'); //创建服务器 const app = http.createServer(); //第三方模块导入 const mo ...
前端学习（1344）:用户的增删改查操作1
const http = require('http'); const mongoose = require('mongoose');//数据库连接 mongoose.connect('mongodb ...
技能学习：学习使用php（tp6框架） + vue.js，开发前端全栈网站-6.用户登录（二），token验证
技能学习:学习使用php(tp6框架) + vue.js,开发前端全栈网站-6.用户登录(二),token验证技能学习:学习使用php(tp6框架) + vue.js,开发前端全栈网站-1.工具和本 ...
技能学习：学习使用php（tp6框架） + vue.js，开发前端全栈网站-5.用户登录，密码的bcrypt（hash）加密与验证
技能学习:学习使用php(tp6框架) + vue.js,开发前端全栈网站-5.用户登录,密码的bcrypt(hash)加密与验证技能学习:学习使用php(tp6框架) + vue.js,开发前端全 ...

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

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

最新文章

热门文章