用模型中的数据填充 ng-iclude 的 src 属性

Question

为什么我会收到错误消息：

Error: [$interpolate:noconcat] Error while interpolating: '{{ content.src }}'
Strict Contextual Escaping disallows interpolations that concatenate multiple expressions when a trusted value is required.

使用此语法：

<div id="content" class="content">
     <ng-include src="'{{ content.src }}'"/>
</div>

模型是

$scope.content = {};
$scope.content.src = "content.html";

Answer 1

试试这个方法：<ng-include src="{{ content.src }}"/>

这样的事情也应该有效： ng-include with a variable for src

还没有测试过，如果不行，请做一个plunker方便帮忙

编辑：

<ng-include src="content.src"/> 是要走的路

Answer 2

我在我的一些项目中使用如下语法完成了此操作：

<ng-include src="content.src"/>

src属性不需要括号符号，你可以只引用作用域变量。仅当您使用字符串文字时才需要单引号。

用模型中的数据填充 ng-iclude 的 src 属性

Fill the src attribute of ng-iclude with data from model

angularjs

angularjs-ng-include