实例:2s后按钮由禁用转为启用状态 且可点击创建服务
效果图:
点击按钮后
html页面按钮 和 提示文字 设置
<button [disabled]="!allow" (click)="createserve()">{{text}}</button>//[disabled]是属性设置 控制按钮是否禁用 " "引号内容是调用ts文件里的变量//(click)按钮点击事件绑定,等号右边是调用ts文件里的创建服务函数 {{prompttext}}//插值表达式 引用变量
ts文件 类的定义中 变量和函数的设置
export class MyownComponent{allow=false;text="2s后可点击创建服务";//构造函数 功能:实现两秒后启用按钮 并改变按钮上的文字constructor(){setTimeout(()=>{this.allow=true;this.text="点击创建服务";},2000)}prompttext="服务没有被创建";//点击按钮控制提示语的改变createserve(){this.prompttext="服务已经创建!"}}