An AngularJS module that allows for on-the-fly macro definition and use within HTML
Just include modMacros in your main application, e.g.:
angular.module('myApp',['modMacros', ...]);<define macro="'example'">
this is a simple example of a macro
substitutions: {{variable1}}, {{variable2}}
and inner content: {{content}}
and content subselection: {{content|find:b}}
</define><invoke macro="'example'" variable1="foo" variable2="bar">
THIS IS {{dynamic}} AND <B>BOLD STUFF</B>
</invoke>page.macro:
<define macro="'page'">
<html>
<head>
<title>{{title}}</title>
</head>
<body>
<h1>Standard page header</h1>
<h2>{{title}}</h1>
<div class='content'>
{{content}}
</div>
<div class='copyright'>Copyright (c) 2012 {{author}}</div>
</body>
</html>
</define>then in index.html:
<ng-include src="'page.macro'" />
<invoke macro="'page'" title="some page" author="me">
This is some little page.
</invoke>