以下是一个使用Angular的示例代码，其中使用了ngIf指令来控制输入元素的显示：

在组件的HTML文件中：

Toggle Input

在组件的typescript文件中：

import { Component } from '@angular/core';

@Component({
  selector: 'app-example',
  templateUrl: './example.component.html',
  styleUrls: ['./example.component.css']
})
export class ExampleComponent {
  showInput: boolean = false;

  toggleInput() {
    this.showInput = !this.showInput;
  }
}

在这个示例中，当showInput为true时，输入框会显示出来，当showInput为false时，输入框会隐藏起来。点击按钮时，toggleInput方法会切换showInput的值，从而控制输入框的显示和隐藏。

请注意，为了使用ngIf指令，你需要在组件所在的模块中导入CommonModule：

import { CommonModule } from '@angular/common';

@NgModule({
  imports: [
    CommonModule
  ],
  declarations: [
    ExampleComponent
  ]
})
export class ExampleModule { }

这是一个简单的示例，你可以根据自己的需求进行扩展和修改。希望对你有帮助！