 class="alert alert-warning">
<strong>Note</strong>: Typically directives are registered with <code>module.directive</code>. The example below is
to illustrate how <code>$compile</code> works.
</div>

<p> 

<div>
  <plnkr-opener example-path="examples/example-compile"></plnkr-opener>

  <div class="runnable-example"
      path="examples/example-compile"
      module="compileExample"
      name="compile">

  
    <div class="runnable-example-file" 
      name="index.html"
      language="html"
      type="ht