①在demo06/demo06.component.ts创建一个组件类Demo06Component,渲染一个表单,表单中有一个注册按钮,点击,显示弹窗(“注册成功”)

②有一个登陆按钮,点击,通过控制台提示“请输入对应的用户名和密码”。

SRE实战 互联网时代守护先锋,助力企业售后服务体系运筹帷幄!一键直达领取阿里云限量特价优惠。

③调用MyInputComponent去渲染一个输入框(在demo06/myinput.component.ts,创建一个组件类 MyInputComponent,渲染一个input标签)

 

app.component.ts

  09Angular练习 随笔 第1张

app.module.ts

  09Angular练习 随笔 第2张

demo06.component.ts

  09Angular练习 随笔 第3张

demo06.component.html

  09Angular练习 随笔 第4张

myinput.component.ts

  09Angular练习 随笔 第5张

   此处MyInutComponent组件只是渲染一个输入框,很简单,可以之间使用template,如果是一个页面,可以用 myinput.component.html渲染

tips:注意只能是一个模块,模块中可以有很多组件,一个组件中可以调用其他的组件

扫码关注我们
微信号:SRE实战
拒绝背锅 运筹帷幄