dynamic-bind-html

dynamic-bind-html

A directive inspired by ng-bind-html that accepts uncompiled angular code in addition to raw html.

You can also manually trigger a re-$compile of its contents with an "updateDynamicBindHtml" event.

Installation

Install via npm:

npm install dynamic-bind-html

Then include the dependency on your Angular module.

var app = angular.module('myapp', ['dynamic-bind-html']);

Usage

In the template:

<div dynamic-bind-html='{{dynamicHtml}}'></div>

In the controller:

$scope.dynamicHtml = "<span ng-bind-html='html'></span>";
$scope.html = "<h1>Expected Content</h1>";

Compiled result:

<div dynamic-bind-html="<span ng-bind-html='html'></span>">
    <span ng-bind-html="html">
        <h1>Expected Content</h1>
    </span>
</div>

Development

Install Gulp via npm if you don't have it

npm install -g gulp

Install npm and bower dev dependencies

npm install
bower install

Available commands

• gulp: build and test the project; equivalent to gulp test
• gulp build: build the project and make new files in dist
• gulp serve: start a server to serve the demo page and launch a browser then watches for changes in src files to reload the page
• gulp test: runs tests
• gulp serve-test: runs tests and keep test browser open for development. Watches for changes in source and test files to re-run the tests

License

MIT