我可以在 ng-include 中嵌套一个 $scope 变量吗？答案

【问题标题】：Can I nest a $scope variable inside an ng-include?我可以在 ng-include 中嵌套一个 $scope 变量吗？
【发布时间】：2015-09-30 15:35:11
【问题描述】：

我想在ng-include 中嵌套一个变量。在这种情况下，变量将是 CDN 路径或文件路径。这有效：

<img src="{{cdn}}uploads/avatar_{{uid}}.png" ng-src="{{cdn}}uploads/avatar_{{uid}}.png" />

这不是

<div ng-controller="expr">
  <div ng-include="'{{cdn}}logo.tpl'"></div>
</div>

这对我的模板视图和路线很有帮助。我不想使用指令。

【问题讨论】：

【解决方案1】：

ng-include 将评估您传递给它的任何内容，因此无需使用 {{}}。这将起作用

<div ng-include="cdn + 'logo.tpl'"></div>

【讨论】：

谢谢，也是跨 ng-bind，我可以在 ng-etc 参数中传递 JavaScript 变量或 $scopes。不好意思，我喜欢用 {{ }}
这取决于指令。像ng-src 这样的一些指令采用文字字符串。这就是为什么如果你想添加一些动态的东西，你需要使用花括号。 ng-include 或 ng-bind 等其他指令采用表达式。这就是为什么您需要在传递给 ng-include 的字符串周围加上单引号。 Angular 只会评估你作为 javascript 表达式传递的任何内容。
那么 ng-src 可以包含 HTML 和 tpl 文件吗？我还注意到 jQuery 不会触发，因为这些文件是在之后加载的。