实例: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="服务已经创建!"
}
}