title: Angular custom directives with inline template
body: <p>i am working with this custom directive from here plnkr.co/edit/O3T7MJuwSvcG04CRvVWB it is working but when i paste the whole thing in <code>jsfiddle</code> and convert external template to inline then it is not working.</p>
  
  <p>this is small code snippet of inline template </p>
  
  <pre><code>templateUrl: '&lt;div class="dropdown searchable-multi-select" dropdown on-toggle="toggled(open)"&gt;
      &lt;a class="dropdown-toggle btn btn-default" data-toggle="dropdown" dropdown-toggle data-target="#"
          tooltip="{{ commaDelimitedSelected() }}" ng-class="{'disabled': readOnly}"&gt;
  
          &lt;span class="limit-ellipsis" ng-style="{ 'width' : width }"&gt;
              &lt;small ng-class="{'text-muted': commaDelimitedSelected() === 'Nothing Selected'}"&gt;
                  {{ commaDelimitedSelected() }}
              &lt;/small&gt;
              &lt;b class="caret" ng-if="!readOnly &amp;&amp; allItems.length"&gt;&lt;/b&gt;
          &lt;/span&gt;
      &lt;/a&gt;
      &lt;ul ng-if="!readOnly &amp;&amp; allItems.length" class="dropdown-menu dropdown-menu-form form-control" role="menu"&gt;
          &lt;li&gt;&lt;input type="text" class="form-control" ng-model="searchQuery" placeholder="Search"&gt;&lt;/li&gt;
          &lt;li ng-repeat="item in ::allItems track by $index"
              ng-hide="searchQuery.length &amp;&amp; item[displayAttr].toLowerCase().indexOf(searchQuery.toLowerCase()) &lt; 0"&gt;
              &lt;label class="checkbox clickable" ng-click="updateSelectedItems(item)"
                  ng-class="{'text-success': isItemSelected(item) }"&gt;
  
                  {{ item[displayAttr] }}
                  &lt;span class="glyphicon glyphicon-remove pull-right clickable"
                      ng-show="isItemSelected(item)"&gt;&lt;/span&gt;
              &lt;/label&gt;
          &lt;/li&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  ',
  </code></pre>
  
  <p>is there any error or anything missing for which code is not working. here is full code <a href="https://jsfiddle.net/tridip/xu7db29x/" rel="nofollow">https://jsfiddle.net/tridip/xu7db29x/</a> please have a look and tell me what i am missing for which code is not working.</p>