demo(offcanvas): fix dismiss reason not updated on ESC and backdrop

unknown · quentinderoubaix · commit 5d0170096c41 · 2024-12-11T11:02:00.000+01:00
diff --git a/demo/src/app/components/offcanvas/demos/basic/offcanvas-basic.html b/demo/src/app/components/offcanvas/demos/basic/offcanvas-basic.html
@@ -30,4 +30,4 @@ <h4 class="offcanvas-title" id="offcanvas-basic-title">Profile update</h4>
 
 <hr />
 
-<pre>{{ closeResult }}</pre>
+<pre>{{ closeResult() }}</pre>
diff --git a/demo/src/app/components/offcanvas/demos/basic/offcanvas-basic.ts b/demo/src/app/components/offcanvas/demos/basic/offcanvas-basic.ts
@@ -1,4 +1,4 @@
-import { Component, inject, TemplateRef } from '@angular/core';
+import { Component, inject, signal, TemplateRef, WritableSignal } from '@angular/core';
 
 import { NgbDatepickerModule, NgbOffcanvas, OffcanvasDismissReasons } from '@ng-bootstrap/ng-bootstrap';
 
@@ -9,15 +9,15 @@ import { NgbDatepickerModule, NgbOffcanvas, OffcanvasDismissReasons } from '@ng-
 })
 export class NgbdOffcanvasBasic {
 	private offcanvasService = inject(NgbOffcanvas);
-	closeResult = '';
+	closeResult: WritableSignal<string> = signal('');
 
 	open(content: TemplateRef<any>) {
 		this.offcanvasService.open(content, { ariaLabelledBy: 'offcanvas-basic-title' }).result.then(
 			(result) => {
-				this.closeResult = `Closed with: ${result}`;
+				this.closeResult.set(`Closed with: ${result}`);
 			},
 			(reason) => {
-				this.closeResult = `Dismissed ${this.getDismissReason(reason)}`;
+				this.closeResult.set(`Dismissed ${this.getDismissReason(reason)}`);
 			},
 		);
 	}

Original file line number	Diff line number	Diff line change
`@@ -30,4 +30,4 @@ <h4 class="offcanvas-title" id="offcanvas-basic-title">Profile update</h4>`
`30`	`30`
`31`	`31`	`<hr />`
`32`	`32`
`33`		`-<pre>{{ closeResult }}</pre>`
	`33`	`+<pre>{{ closeResult() }}</pre>`