нужно использовать c ('Cross click') в моем файле TS в угловых - PullRequest
Новая
       0

нужно использовать c ('Cross click') в моем файле TS в угловых

0 голосов
/ 22 января 2019

с использованием ng-bootstrap / ng-bootstrap. создать модал и добавил let-c = "close" и нужно вызвать его в файле .ts следующим образом c ('Перекрестный клик'), но возвращение Невозможно найти имя '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>`

1 Ответ

0 голосов
/ 22 января 2019 
<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() - Позвонить close() on NgbModalRef, который является ссылкой на недавно открытый модал, возвращенный методом 'NgbModal.open ()'

Удачи!

...