通过ng-include渲染字符串模板

通过ng-include渲染字符串模板

您可以向模板缓存中添加静态挂钩，因此，假设您有一个获取模板的服务：

myApp.service('myTemplateService', ['$http', '$templateCache', function ($templateCache) {  $http().then(function (result) {    $templateCache.put('my-dynamic-template', result);  });  }]);

然后，您可以执行以下 *** 作：

<div include src=" 'my-dynamic-template' "></div>

注： 参考名称必须被包裹在单引号，这总是字节我.... 注意

请注意，在angular尝试解析URL之前，必须将其分配给模板缓存。

编辑：

如果动态URL逻辑足够简单，则还可以在ng-include中使用条件，例如

<div ng-include="isTrue() && 'template1.html' || 'template2.html'"