angular中的input怎么设置为只读不可编辑状态》

现在是想在点击一个按钮的时候input变为不可编辑状态，然后点击第二个按钮的时候变为可编辑状态，如此切换，请问要如何实现。

如图二那么写的话就会出现图一的那种状况，使用的是NG-ZORRO的框架。

直接用readonly属性就可以

<input type="text" readonly="readonly"/>