Exciting news!Announcing our $4.6M Series Seed. Learn more
Socket
LoveBlogFAQ
Install
Log in

dynamic-bind-html

Package Overview
Dependencies
0
Maintainers
1
Versions
2
Issues
File Explorer

Advanced tools

dynamic-bind-html

A replacement for ng-bind-html that compiles angular code, too.

    1.0.1latest

Version published
Maintainers
1
Yearly downloads
16,209
decreased by-55.84%

Weekly downloads

Readme

Source

dynamic-bind-html npm CircleCI

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

Keywords

Socket

Product

Subscribe to our newsletter

Get open source security insights delivered straight into your inbox. Be the first to learn about new features and product updates.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc