自定义指令中的ngRepeat - 插值

Question

创建自定义指令以填充下拉菜单，但在尝试在我的指令中设置ng-repeat的{​​{1}}属性时遇到问题。

我希望使用<li>为我的工具的每个环境创建一个下拉选项。

我在控制台中没有收到任何错误，但ng-repeat变量未按预期进行插补。

这是我的指示：

$scope

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

toolsMenu.html

这就是我将我的指令称为主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>

这是运行页面的控制台输出打开：

在这个例子中，“工具”实际上应该是“连续”，但它只是作为“工具”出现。

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

上定义属性时，不需要添加括号（{{}}）