<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html xmlns:ng="http://angularjs.org">
<head>
  <script type="text/javascript" src="../src/angular-bootstrap.js" ng:autobind></script>
  <script type="text/javascript">
    angular.markup('-'+'--', function(text, textNode, parentElement) {
      var compiler = this;
      var index = text.indexOf('-'+'--');
      if (index > -1) {
        textNode.after(text.substring(index + 3));
        textNode.after('<hr/>');
        textNode.after(compiler.text(text.substring(0, index)));
        textNode.remove();
      }
    });
  </script>
</head>
<body>
{{1+3}}
xxx
---
xxx
<select name="something"><option selected="true">{{'a'}}</option><option value="">{{'b'}}</option><option>C</option></select></body>
</html>