dynamic-bind-html
Advanced tools
A replacement for ng-bind-html that compiles angular code, too.
Weekly downloads
Readme
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.
Install via npm:
npm install dynamic-bind-html
Then include the dependency on your Angular module.
var app = angular.module('myapp', ['dynamic-bind-html']);
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>
Install Gulp via npm if you don't have it
npm install -g gulp
Install npm and bower dev dependencies
npm install
bower install
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 pagegulp test
: runs testsgulp serve-test
: runs tests and keep test browser open for development. Watches for changes in source and test files to re-run the testsMIT