Cacher is the code snippet organizer for pro developers

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

@Component({
  selector: 'app-servers',
  templateUrl: './servers.component.html',
  styleUrls: ['./servers.component.css']
})
export class ServersComponent implements OnInit {
  allowNewServer = false;

  constructor() {

  }

  ngOnInit() {
  }

}

<button class="btn btn-danger" (click)="allowNewServer = !allowNewServer">Toggle Servers</button>
<p>{{ allowNewServer }}</p>

<div *ngIf="allowNewServer">
  <p>New Server</p>
</div>