как поменять заголовок после клика

Question

это мой фрагмент:

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

@Component({
  selector: 'app-captcha',
  templateUrl: './captcha.component.html',
  styleUrls: ['./captcha.component.css']
})
export class CaptchaComponent implements OnInit {


  captcha="click case for change title";

  peut:boolean=true;
  oui:boolean=true;
  nom:boolean=true;
  constructor() { }

  ngOnInit() {
  }

    cocher(){
      console.log(this.peut,"**");
      if(this.peut === false){ this.captcha == "title is changed!"};
    }
}

<h2 [(ngModel)]="captcha">{{captcha}}</h2>
<div>
  <mat-checkbox [(ngModel)]="peut" (change)="cocher()" >peut-être ?</mat-checkbox>
  <mat-checkbox [(ngModel)]="oui"  (change)="cocher()" >oui ?</mat-checkbox>
  <mat-checkbox [(ngModel)]="non"  (change)="cocher()">non ?</mat-checkbox>
</div>

Как правильно выполнить загрузку заголовка.У меня есть ошибка с firebug: Ошибка: Ошибка доступа к значению для управления формой с неопределенным атрибутом имени

благодарность за ответ

Answer 1

Измените свой код этой функции следующим образом

cocher(){
      console.log(this.peut,"**");
      if(!this.peut){
         this.captcha ="title is changed!";
      }
    }