angular 属性绑定 事件绑定（点击事件）

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