在另一個指令中嵌入AngularJS指令

Question

我試圖在一個新的指令中實現一些引導類型的自定義函數。 這樣做，我需要嵌入原Typeahed指令進入礦井，通過它，我的參數：

這是原來的指令：

<div class="typeahead typeahead-lookup"> 
    <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"> 
</div> 

這是我的自定義指令：

<select-lookup model="vm.myModel" 
       items="item as item.Formatted for item in vm.refreshSearch($viewValue)" 
</select-lookup> 

這就是我想要實現它的方式：

function selectLookup($compile) { 
     return { 
      restrict: 'E', 
      scope: { 
       model: "=", 
       items: "@" 
      }, 
      compile: function(element, attrs) { 
       return function(scope, element, attrs) { 
        var template = '<div class="typeahead typeahead-lookup">' + 
             '<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">' + 
            '</div>'; 

        element.html(template); 

        $compile(element.contents())(scope); 
       }; 

      } 
     }; 
    } 

I會遇到問題，從我的指令傳遞參數到原始的Typeahead指令，特別是「項目」。 我得到這個錯誤：Expected typeahead specification in form of "_modelValue_ (as _label_)? for _item_ in _collection_" but got "{{items}}"。

有人可以幫我解決這個問題嗎？

Answer 1

的'uib-typeahead=' + attrs.items +代替'uib-typeahead="{{items}}"'

的預輸入，使用一個自定義分析器「在」語法我會嘗試。 https://github.com/angular-ui/bootstrap/blob/master/src/typeahead/typeahead.js#L7