transclusion

My goal is to create an editable directive that allows a user to edit HTML of any element to which the attribute is attached (see Plunker: http://plnkr.co/edit/nIrr9Lu0PZN2PdnhQOC6 ) This almost works except I can't get the original raw HTML of the transcluded content to initialize the text area. I can get the text of it from clone.text() , but that's missing the HTML tags like <H1> , <div> , etc. so clicking apply with no edits is not idempotent. The method clone.html() throws an error, Cannot read property 'childNodes' of undefined app.directive("editable", function($rootScope) { return {

I have a list component which shows only names. list component should be able to take custom template which will be given by user. List Component import {Component } from 'angular2/core'; @Component({ selector: 'my-list', template: `<p>This is List</p> <ul> <li *ngFor="#i of data"><div class='listItem'>{{i.name}}</div></li> </ul>` }) export class MyList implements OnInit{ data: Array<any> = [{name: 'John', age: 26},{name: 'Kevin', age: 26}, {name:'Simmons', age:26}]; } My Requirement <my-list> <div>{{i.name}}-{{i.age}}</div> //user should be able to provide custom template like this </my-list>

Many template languages have "slots" or "yield" statements, that allow to do some sort of inversion of control to wrap one template inside of another. Angular has "transclude" option . Rails has yield statement . If React.js had yield statement, it would look like this: var Wrapper = React.createClass({ render: function() { return ( <div className="wrapper"> before <yield/> after </div> ); } }); var Main = React.createClass({ render: function() { return ( <Wrapper><h1>content</h1></Wrapper> ); } }); Desired output: <div class="wrapper"> before <h1>content</h1> after </div> Alas, React.js doesn

I have seen a number of questions on StackOverflow discussing ng-transclude, but none explaining in layman's terms what it is. The description in the documentation is as follows: Directive that marks the insertion point for the transcluded DOM of the nearest parent directive that uses transclusion. This is fairly confusing. Would someone be able to explain in simple terms what ng-transclude is intended to do and where it might be used? Transclude is a setting to tell angular to capture everything that is put inside the directive in the markup and use it somewhere (Where actually the ng

So I have two YAML files, "A" and "B" and I want the contents of A to be inserted inside B, either spliced into the existing data structure, like an array, or as a child of an element, like the value for a certain hash key. Is this possible at all? How? If not, any pointers to a normative reference? No, YAML does not include any kind of "import" or "include" statement. Josh Bode Your question does not ask for a Python solution, but here is one using PyYAML . PyYAML allows you to attach custom constructors (such as !include ) to the YAML loader. I've included a root directory that can be set so