Описание тега transclusion

NoneTransclusion (verb: transclude) is a feature in multiple platforms allowing embedding of content from other sources.
0 ответов

Включение AngularJS с $compile

У меня есть директива атрибута, которую я использую, чтобы добавить некоторые ngRepeat логика элементам. Упрощенная версия этой директивы такова: app.directive( "repeaty", [ "$compile", function repeaty( $compile ) { return { link: function link($sc…
06 авг '18 в 21:20
1 ответ

Доступ к слоту transclude в функции onInit

У меня есть старый компонент AngularJS < 1.4, который я хочу конвертировать с помощью angular.component('component', {bindings..., onInit...}), Предыдущий код выглядит так: angular.module('Module').directive('myComponent', [ () =&gt; { return { rest…
3 ответа

Пользовательский шаблон (включение без ng-содержимого) для компонента списка в Angular2

У меня есть компонент списка, который показывает только имена. Компонент списка должен иметь возможность принимать пользовательский шаблон, который будет предоставлен пользователем. Компонент списка import {Component } from 'angular2/core'; @Compone…
10 апр '16 в 15:15
1 ответ

AngularJS: директива ng-transclude для ввода значения

Я пытаюсь создать директиву, которая добавляет значение ng-transclude в атрибут значения поля ввода в HTML-шаблон: Директива, которую я создал: module.directive('editInput', function(){ return { restrict: 'E', scope: { value: '=' }, transclude: true…
0 ответов

Как удалить динамически созданный элемент Content Projection Transclusion в angular2?

Я создал два компонента виджета, например, виджет "Данные" и "Диаграмма", которые включаются другим компонентом с именем "Компонент карты". В компоненте "Карточка" я использовал общую кнопку закрытия, чтобы я мог использовать кнопку закрытия в каждо…
04 май '17 в 07:51
1 ответ

AngularJS: включение элементов SVG в директивы

Я заинтересован в создании составного SVG путем создания многократно используемых графических элементов, заключенных в директивы Angular.js. Например, я мог бы иметь: &lt;div ng-app="svgApp"&gt; &lt;canvas&gt; &lt;drawing ng-repeat="i in [1,2,3]" cy…
2 ответа

Почему я должен установить "trasnclude: true" в Angular DDO?

я знаю что transclude: true делает, но я всегда задавался вопросом: "почему я должен поставить transclude: true в моем DDO, а также ng-transclude в моем шаблоне? Что происходит внутри, что заставляет angular быть избыточным? Это безопасность /XSS за…
09 мар '16 в 03:42
0 ответов

Использование ngFor в <template> приводит к сбою приложения

Я работаю над angular2 приложение (версия 2.4.1), и я пытаюсь написать компонент, который должен принимать шаблон для визуализации от пользователя компонента (что я назвал transclusion в angular1, я считаю). Я написал компонент, который использует […
28 дек '16 в 16:23
0 ответов

Угловые 2 проходные переменные с включением

У меня есть вид с awaken-card компонент отображается в моем client-details составная часть: &lt;awaken-card *ngIf="repo_comments &amp;&amp; repo_comments.length &gt; 0" title="Weight Loss" [subtitle]="weightloss | weightFormat" [expandable]="true" […
13 мар '18 в 18:20
2 ответа

AngularJS: Как правильно включить дочерние элементы в пользовательскую директиву?

Вот некоторый код: ссылка Я пытаюсь создать директиву, которая оборачивает своих детей в какой-то шаблон. Но если у детей есть ng-if контролируя их внешний вид, "включение" не работает. Ну, вроде как, но, как вы можете видеть, ng-if логика не проход…
16 дек '13 в 17:54
1 ответ

Угловой 1.5. Как сделать включенный шаблон для привязки к области действия компонента

Я использую компонент формы с общими функциями проверки и сохранения. Входные данные передаются в форму как включенный шаблон, например так: &lt;form-editor entity="vm.entity"&gt; &lt;input ng-model="vm.dirtyEntity.name" required name="nameInput"&gt…
13 сен '16 в 08:59
1 ответ

Почему ng-content удаляет остальную часть моего контента?

Запускаю свое первое приложение на Angular 2, и я пытаюсь заставить работать , однако оно делает странные вещи... Мой main.ts: import { bootstrap } from 'angular2/platform/browser'; import { AppComponent } from './app.component'; bootstrap(AppCompon…
11 май '16 в 15:07
1 ответ

Создание компонента, который принимает и перебирает пользовательский элемент

Моя цель - создать компонент, который может принимать пользовательский элемент и перебирать его, используя предоставленные данные. Вот то, что я смог придумать, и это прекрасно работает. Но я не удовлетворен. Я хочу что-то, что не требует упаковки п…
18 ответов

Как я могу включить файл YAML в другой?

Таким образом, у меня есть два файла YAML, "A" и "B", и я хочу, чтобы содержимое A было вставлено внутри B, либо встроено в существующую структуру данных, например, массив, или как дочерний элемент элемента, например, значение для определенного ключ…
09 фев '09 в 14:14
1 ответ

Включать компонент в Angular несколько раз?

Я хотел бы добиться следующего: &lt;s-panel-edicion&gt; &lt;s-barra-lateral posicion="right" icono="fa fa-cog" [animar]="true"&gt;cualquier contenido&lt;/s-barra-lateral&gt; &lt;s-barra-lateral posicion="left" icono="fa fa-cog" [animar]="true"&gt;cu…
19 фев '19 в 17:15
1 ответ

Почему область включения не совпадает с областью директивы?

Это мой код: &lt;html ng-app="myApp"&gt; &lt;head&gt; &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.8/angular.js"&gt;&lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;div ng-controller="Ctrl"&gt; &lt;testel title="{{data.title}}…
11 апр '17 в 11:11
1 ответ

Вызовите метод компонента, который находится внутри <ng-content> в его родительском компоненте

Прежде всего, это Plunkr По сути, у меня есть вкладка, которая является динамической. Будет любое количество вкладок, каждая из которых будет содержать компонент, который наследуется от этого компонента "Задержка загрузки". Функциональность, которую…
03 апр '17 в 13:11
3 ответа

Как включить HTML-элементы в документ

Можно ли включить один элемент HTML в несколько мест документа, как в MediaWiki? Я хочу включить элементы в другие элементы, не копируя и не вставляя их содержимое. Я знаю, что возможно встраивать веб-страницы в другие веб-страницы с помощью iframes…
23 мар '13 в 03:29
1 ответ

Угловое преобразование в директиву, содержащую ng-шаблон (универсальный Confirm Modal)

Здравствуйте, я изо всех сил пытаюсь создать общую директиву подтверждения, основанную на модальной директиве angular-bootstrap. Я не могу найти способ включить мой контент в ng-шаблон, используемый для модальной конструкции, потому что ng-transclud…
1 ответ

Как сделать что-нибудь

Я включаю элемент SVG в другую директиву SVG. Вот шаблон для родительской директивы под названием "компонент": &lt;svg xmlns="http://www.w3.org/2000/svg"&gt; &lt;rect class="component-rect" width="{{rectWidth}}" height="{{rectHeight}}"&gt;&lt;/rect&…
02 авг '14 в 18:54