ng自定義指令中的ngRepeat - 插值

Question

嘗試在我的指令中設置<li>的ng-repeat屬性時，正在創建自定義指令來填充下拉菜單，但遇到問題。

我期待這爲我的工具的每個環境創建一個下拉選項，使用ng-repeat。

我在控制檯中沒有收到任何錯誤，但$scope變量未按預期進行插補。

這裏是我的指令：

myApp.directive("toolsMenu", function() { 
    return { 
     replace: true, 
     transclude: true, 
     templateUrl: 'js/directives/toolsMenu.html', 
     scope: { 
      inputObject: '=', 
      environment: '=', 
      tool: '@' 
     } 
    } 
}); 

這裏是toolsMenu.html文件：

<li class="tool">{{inputObject.name}} 
    <ul class="environment"> 
     <li ng-repeat="environment in {{tool}}"><a ng-href="{{ environment.url }}" alt="{{inputObject.name}} {{ environment.environment }}" target="_blank">{{ environment.environment }}</a></li> 
    </ul> 
</li> 

這是我打電話給我的指令形成主HTML文件：

<tools-menu input-object="continuusInput" environment="continuus" tool="continuus"></tools-menu> 

這是控制檯輸出開路運行頁面：

在這個例子中，在「工具」實際上應該是「continuus」，但它僅顯示爲「工具」。

Answer 1

嘗試

<li ng-repeat="environment in tool"><a ng-href="environment.url" alt="{{inputObject.name + environment.environment}}" target="_blank">{{ environment.environment }}</a></li> 

你並不需要添加括號（{{}}）在HTML