{"type":"doc","content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"В Angular "},{"type":"text","marks":[{"type":"code"}],"text":"$implicit"},{"type":"text","text":" — это специальная переменная контекста шаблона, которая используется для "},{"type":"text","marks":[{"type":"bold"}],"text":"передачи «неявного» значения в "},{"type":"text","marks":[{"type":"code"}],"text":"ng-template"},{"type":"text","marks":[{"type":"bold"}],"text":" или структурную директиву"},{"type":"text","text":", когда не хочется явно указывать имя переменной."}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"Основные моменты:"}]},{"type":"orderedList","attrs":{"start":1,"type":null},"content":[{"type":"listItem","content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","marks":[{"type":"bold"}],"text":"Использование с "},{"type":"text","marks":[{"type":"code"}],"text":"ng-template"},{"type":"text","text":":"}]}]}]},{"type":"codeBlock","attrs":{"language":"html"},"content":[{"type":"text","text":"\n

\n\n"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"Здесь "},{"type":"text","marks":[{"type":"code"}],"text":"let-user"},{"type":"text","text":" получает значение из контекста."}]}]},{"type":"listItem","content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"Если контекст передан через "},{"type":"text","marks":[{"type":"code"}],"text":"$implicit"},{"type":"text","text":", имя переменной можно опустить:"}]}]}]},{"type":"codeBlock","attrs":{"language":"ts"},"content":[{"type":"text","text":"\n"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"В шаблоне "},{"type":"text","marks":[{"type":"code"}],"text":"let-user"},{"type":"text","text":" автоматически получит значение "},{"type":"text","marks":[{"type":"code"}],"text":"currentUser"},{"type":"text","text":"."}]}]}]},{"type":"orderedList","attrs":{"start":2,"type":null},"content":[{"type":"listItem","content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","marks":[{"type":"bold"}],"text":"Применение"},{"type":"text","text":":"}]}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","marks":[{"type":"code"}],"text":"$implicit"},{"type":"text","text":" удобно, когда шаблон ожидает "},{"type":"text","marks":[{"type":"bold"}],"text":"одно основное значение"},{"type":"text","text":", чтобы не создавать явное имя."}]}]},{"type":"listItem","content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"Позволяет писать шаблон универсально, не привязываясь к конкретному имени свойства."}]}]}]},{"type":"orderedList","attrs":{"start":3,"type":null},"content":[{"type":"listItem","content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","marks":[{"type":"bold"}],"text":"Пример с директивой"},{"type":"text","text":":"}]}]}]},{"type":"codeBlock","attrs":{"language":"html"},"content":[{"type":"text","text":"\n

\n\n\n\n \n\n"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","marks":[{"type":"code"}],"text":"i"},{"type":"text","text":" автоматически становится "},{"type":"text","marks":[{"type":"code"}],"text":"$implicit"},{"type":"text","text":" в шаблоне, доступным через "},{"type":"text","marks":[{"type":"code"}],"text":"let-item"},{"type":"text","text":"."}]}]}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"Иными словами, "},{"type":"text","marks":[{"type":"code"}],"text":"$implicit"},{"type":"text","text":" — это "},{"type":"text","marks":[{"type":"bold"}],"text":"«неявная» переменная для передачи основного значения в шаблон"},{"type":"text","text":", позволяющая сделать шаблоны более универсальными и удобными."}]}]}

Как работает $implicit переменная в контексте шаблона?

Комментарии