TP
Size: a a a
2021 March 28
TP
Почему когда я вставляю таблицу эту в модалку то у меня таблицуа сразу рендерится не в модалке снаружи и сразу в модалке?
TP
Почему когда я вставляю таблицу эту в модалку то у меня таблицуа сразу рендерится не в модалке снаружи и сразу в модалке?
#fixed два раза просто в темплейт вставлял случайно
В
Почему когда я вставляю таблицу эту в модалку то у меня таблицуа сразу рендерится не в модалке снаружи и сразу в модалке?
<ngTemplateOutlet=" Modal, context: {option}" ></ngTemplateOutlet> <ng-template #Modal let-option="option">
TP
Владимир
<ngTemplateOutlet=" Modal, context: {option}" ></ngTemplateOutlet> <ng-template #Modal let-option="option">
Это я в нотатки сохраню на будущеe)) когда в документации дойду дотуда
В
чего там доходить-то?)) в аутлете принимаешь входящие данные и указываешь в какой шаблон их направить, в шаблоне рендеришь свою верстку. Аутлет соответственно определяет место в дереве, куда воткнется шаблон. Вся механика
TP
Владимир
чего там доходить-то?)) в аутлете принимаешь входящие данные и указываешь в какой шаблон их направить, в шаблоне рендеришь свою верстку. Аутлет соответственно определяет место в дереве, куда воткнется шаблон. Вся механика
Я просто не хочу скакать по доке) а постепенно чтоб все термины были более менее известные сейчас я только в template syntaxis
TP
Владимир
чего там доходить-то?)) в аутлете принимаешь входящие данные и указываешь в какой шаблон их направить, в шаблоне рендеришь свою верстку. Аутлет соответственно определяет место в дереве, куда воткнется шаблон. Вся механика
Может инструмент и не сложный
В
Я просто не хочу скакать по доке) а постепенно чтоб все термины были более менее известные сейчас я только в template syntaxis
тяжко тебе придется)) лучше разбираться по мере появления вопросов, а не по порядку глав доки))) там порядок не для изучения все же, а для поиска нужной инфы)
TP
Владимир
тяжко тебе придется)) лучше разбираться по мере появления вопросов, а не по порядку глав доки))) там порядок не для изучения все же, а для поиска нужной инфы)
Я просто не понял я прочитал про аутлет но не понял как там контекст менять и передавать сверху, я увидел в примере только как они в одном файле его заюзали
TP
В одном файле все вышло а в разных нет
В
смотри. У тебя есть дом-дерево... ну верстка... ты знаешь, что в какую-то точку хочешь воткнуть какой-то шаблон, этот шаблон должен что-то рисовать (ему нужны данные). Но сам шаблон у тебя пока неизвестен. То есть тебе нужно нечто, что ты поставишь в то место где будешь рисовать шаблон и во что ты отдашь входящие данные. Это аутлет. Ну а сам шаблон (банальную свою верстку) - ты оборачиваешь в темплейт. Он смотрит где стоит аутлет и вгоняет на его место шаблон с данными, полученными из аутлета.
TP
Владимир
смотри. У тебя есть дом-дерево... ну верстка... ты знаешь, что в какую-то точку хочешь воткнуть какой-то шаблон, этот шаблон должен что-то рисовать (ему нужны данные). Но сам шаблон у тебя пока неизвестен. То есть тебе нужно нечто, что ты поставишь в то место где будешь рисовать шаблон и во что ты отдашь входящие данные. Это аутлет. Ну а сам шаблон (банальную свою верстку) - ты оборачиваешь в темплейт. Он смотрит где стоит аутлет и вгоняет на его место шаблон с данными, полученными из аутлета.
На словах все понятно)
В
и да, стандартное использование - и аутлет и темплейт - в одном файле. Чтобы сделать в разных и с возможностью менять шаблоны - потребуется еще одна деталька)) чаще всего называющаяся плагином, хотя по сути - простая инверсия (не инжекция) зависимостей. Ты делаешь промежуточный класс, которому скармливаешь несколько шаблонов и усдловия их выбора, а уже этот класс скармливаешь аутлету. Но тут на словах сложнее)))
В
поэтому я записываю видео😂😂😂
ОС
Владимир
поэтому я записываю видео😂😂😂
Дайте ссылку на ваши видео )
M
Вот я передаю в свою модалку таблицу с данными
А тут хочу вставлять ее но не выходит
<button mat-button (click)="openDialog()">Open dialog</button>
<app-dialog>
<app-table [dataSource]="dataSource" [displayedColumn]="displayedColumn"></app-table>
</app-dialog>А тут хочу вставлять ее но не выходит
<div mat-dialog-content>
<ng-content></ng-content>
</div>
<button mat-stroked-button mat-close-dialog>Close Modal</button>а зачем?
TP
а зачем?
Емае) ну дизайн такой сделали
TP
Мое дело сделать а зачем это уже не мои проблемы
M
Не, мне все равно зачем вам таблица в модалке. Зачем вам ng-content вместо простого использования компонента в модалке