ng-bootstrap์ ๊ธฐ๋ณธ
[Angular] ๋ฉค๋ฒ 'd'๋ ํธ์ถํ ์ ์์ต๋๋ค.
<ng-template #confirmDlg let-c="close" let-d="dismiss">
<div class="modal-header">
<h4 class="modal-title">Confirm</h4>
<button type="button" class="close" aria-label="Close" (click)="d('Cross click')">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<p>Content</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-outline-dark" (click)="d('Cross click')">Close</button>
</div>
</ng-template>
์ฌ์ฉ
@ng-bootstrap/ng-bootstrap: "^1.0.0"
๋๋ ๊ฐ์ ๋ฌธ์ ๊ฐ ์์๊ณ ํ ๋น์ ํจ์ ํธ์ถ์ ์ถ๊ฐํ๋ ํด๊ฒฐ ๋ฐฉ๋ฒ์ ๊ด๋ฆฌํ์ต๋๋ค.
<ng-template #content let-ca="close('a')" let-cb="close('b')" let-d="dismiss()">
<button (click)="ca">Close with 'A'</button>
</ng-template>
๋๋ฌด ์ค๋ ๊ฑธ๋ ค์ ์ฃ์กํฉ๋๋ค. https://github.com/angular/angular/pull/33782์์ ์ด ๋ฌธ์ ๋ฅผ ํด๊ฒฐํด์ผ ํฉ๋๋ค.
์ด ๋ฌธ์ ๋ ํ๋์ด ์์ด ์๋์ผ๋ก ์ ๊ฒผ์ต๋๋ค.
์ ์ฌํ๊ฑฐ๋ ๊ด๋ จ๋ ๋ฌธ์ ๊ฐ ๋ฐ์ํ๋ฉด ์ ๋ฌธ์ ๋ฅผ ์ ์ถํ์ญ์์ค.
์๋ ๋ํ ์ ๊ธ ์ ์ฑ ์ ๋ํด ์์ธํ ์์๋ณด์ธ์.
_์ด ์์ ์ ๋ด์ ์ํด ์๋์ผ๋ก ์ํ๋์์ต๋๋ค._
๊ฐ์ฅ ์ ์ฉํ ๋๊ธ
๋๋ ๊ฐ์ ๋ฌธ์ ๊ฐ ์์๊ณ ํ ๋น์ ํจ์ ํธ์ถ์ ์ถ๊ฐํ๋ ํด๊ฒฐ ๋ฐฉ๋ฒ์ ๊ด๋ฆฌํ์ต๋๋ค.