需要在 angular 中的 ts 文件中使用 c('Cross click')

Question

使用 ng-bootstrap/ng-bootstrap。创建模式并添加 let-c="close" 并且需要在 .ts 文件中调用它，如下所示 c('Cross click') 但 return 找不到名称 'c'

 `<ng-template #upload let-modal let-c="close" let-d="dismiss">
        <div id="upload-new-image" class="mfp-with-anim col-4 form-popup">
            <form class="form-inline">
                <div class="input-group">
                    <label class="input-upload gray">
                        <input type="file" (change)="OnFileSelect($event)">
                        <span>{{_fileName}}</span>
                    </label>
                    <span class="error">{{_imgErrMsg}}</span>
                </div>
                <div class="input-group">
                    <label class="input-text">
                        <span class="label">Image Alt Text</span>
                        <input type="text" #alttexvalue>
                    </label>
                    <span class="error">{{_AltErrMsg}}</span>
                </div>
                <div class="align-content-right m-t-30">
                    <a href="#upload-success-message" class="btn btn-default open-form-popup" (click)="uploadOnsbmit(alttexvalue.value)"
                        data-effect="mfp-zoom-in">Upload</a>
                </div>
                <button type="button" class="close" aria-label="Close" (click)="c('Cross click')"></button>

            </form>


        </div>


    </ng-template>`

Answer 1

<ng-template #upload let-modal>
        <div id="upload-new-image" class="mfp-with-anim col-4 form-popup">
            <form class="form-inline">
                <div class="input-group">
                    <label class="input-upload gray">
                        <input type="file" (change)="OnFileSelect($event)">
                        <span>{{_fileName}}</span>
                    </label>
                    <span class="error">{{_imgErrMsg}}</span>
                </div>
                <div class="input-group">
                    <label class="input-text">
                        <span class="label">Image Alt Text</span>
                        <input type="text" #alttexvalue>
                    </label>
                    <span class="error">{{_AltErrMsg}}</span>
                </div>
                <div class="align-content-right m-t-30">
                    <a href="#upload-success-message" class="btn btn-default open-form-popup" (click)="uploadOnsbmit(alttexvalue.value)"
                        data-effect="mfp-zoom-in">Upload</a>
                </div>
                <button type="button" class="close" aria-label="Close" (click)="modal.close('Cross click')"></button>

            </form>

        </div>

</ng-template>

如果您想从模板中关闭模式，应该可以。

如果你想从打字稿中做到这一点，你可以这样做： - 在服务上调用 dismissAll() - 在 NgbModalRef 上调用 close()，这是对 'NgbModal.open()' 方法

返回的新打开模式的引用

祝你好运！

需要在 angular 中的 ts 文件中使用 c('Cross click')

need to used c('Cross click') in my ts file in angular

ng-bootstrap

angular