title: Embed AngularJS directive in another directive
body: <p>I'm trying to implement some custom functions of Bootstrap Typeahed in a new directive.
  Doing this, I need to embed the original Typeahed directive into mine, passing it, my parameters:</p>
  
  <p>this is the original directive:</p>
  
  <pre><code>&lt;div class="typeahead typeahead-lookup"&gt;
      &lt;input ng-model="vm.myModel" 
             uib-typeahead="item as item.Formatted for item in vm.refreshSearch($viewValue)"
             typeahead-wait-ms="1000"
             typeahead-min-length="1"
             typeahead-editable="false"
             placeholder="SEARCH..."
             type="text"
             class="form-control"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>this is my custom directive:</p>
  
  <pre><code>&lt;select-lookup model="vm.myModel" 
                 items="item as item.Formatted for item in vm.refreshSearch($viewValue)" 
  &lt;/select-lookup&gt;
  </code></pre>
  
  <p>and this is how I'm trying to implement it:</p>
  
  <pre><code>function selectLookup($compile) {
          return {
              restrict: 'E',
              scope: {
                model: "=",
                items: "@"
              },
              compile: function(element, attrs) {
                  return function(scope, element, attrs) {
                      var template = '&lt;div class="typeahead typeahead-lookup"&gt;' +
                                          '&lt;input ng-model="model"' +
                                                 'uib-typeahead="{{items}}"' +
                                                 'typeahead-wait-ms="1000"' +
                                                 'typeahead-min-length="1"' +
                                                 'typeahead-editable="false"' +
                                                 'placeholder="SEARCH..."' +
                                                 'type="text"' +
                                                 'class="form-control"&gt;' +
                                     '&lt;/div&gt;';
  
                      element.html(template);
  
                      $compile(element.contents())(scope);
                  };
  
              }
          };
      }
  </code></pre>
  
  <p>I'm getting problems passing parameters from my directive to the original Typeahead directive, especially the "items".
  I got this error:  <code>Expected typeahead specification in form of "_modelValue_ (as _label_)? for _item_ in _collection_" but got "{{items}}"</code>.</p>
  
  <p>Someone could help me to solve this?</p>