Use GoldenLayout in Only One Section of Angular Web Page

[golden-layout]

Use GoldenLayout in Only One Section of Angular Web Page

Hi @nkoterba,

first of all, many thanks for your feedback in regards to packaging. Something must have gone a bit wrong there with the automated release process.

GoldenLayout can easily be created in any element you want. This can be done by passing an element as a second argument to the constructor, e.g.

myLayout = new GoldenLayout( config, document.getElementById( 'layout-container'));

Writing a GoldenLayout directive is definately feasable. Since the hierarchy of your controllers is relative to the hirarchie of the DOM elements they belong to you might however want to avoid nesting them too deeply

You can find an example of GoldenLayout in a specific element here

[nkoterba]

@hoxton-one: Thanks for the info and examples.

After playing with the framework more I was able to figure out how to set it on a specific element within the webapp as well as use angular's $compile method to use custom directives we already have in a container.

To still need to figure out how to correctly dispose of controllers and DOM when a container containing our custom directives is destroyed. I see there are destroy events I can register for on the container so that's my next exploration task.

Overall we are really liking the framework...I especially love the createDrag method to turn any element into a draggable add to a container. When I first saw that....mind blown.