代码之家 › 专栏 › 技术社区 › Daniel Ellison

AngularJS-在html模板中使用插值

angularjs html javascript

Daniel Ellison · 技术社区 · 6 年前

控制器:

$scope.example_text_here = "Hello World!"
$scope.HTML_template = "<p><strong> Example: </strong> {{ example_text_here }}</p>"

HTML格式:

<div ng-bind-html="HTML_template"></div>

输出

{{示例文本}}

我期待的是:

你好,世界!

有人知道如何做到这一点吗?

3 回复 | 直到 6 年前

Raphael Willian da Costa 6 年前

您应该使用$interpolate模块,然后注入当前作用域,甚至$compile。查看更多 https://docs.angularjs.org/api/ng/service/ $插值

$interpolate($scope.HTML_template)($scope)

Sandeep 6 年前

试试这个

$scope.HTML_template = "<p><strong> Example: 
 </strong>"+$scope.example_text_here+"</p>";

SuperStar518 JamesE 6 年前

我想你应该用 $sce 服务棱角

控制器:

angular.module('app', [...])

.controller('myCtrl', function($scope, $sce) {
  ...
  $scope.trustAsHtml = function(params) {
    return $sce.trustAsHtml(params);
  };
  ...
  $scope.example_text_here = "Hello World!";
  $scope.HTML_template = "<p><strong> Example: </strong> {{ example_text_here }}</p>";
  ...
});

标记:

<div ng-bind-html="trustAsHtml(HTML_template)"></div>

现在希望你能预期

推荐文章

Softly · 单选按钮未按预期取值

1 年前

Jason Owens · 我的html/javascript播放按钮无法播放嵌入的youtube视频

1 年前

SlickRed · 我无法使用JS关注HTML元素

1 年前

Mayron Guedes · 如果登录名不在本地存储中,如何重定向页面?

1 年前

assembler · Nextjs没有处理发布请求

1 年前

PavelB · 如何使用Seleniumwebdriver和mocha只运行一个测试文件?

1 年前

BADRUM · 执行两个获取功能后,如何导航回页面?

1 年前

Toniq · javascript为php保存多维数组

1 年前

Natalie Smyth · 隐藏类只在我试图切换的两个部分中的一个部分上工作

1 年前

SkyWalker · 在JavaScript中,合并日期-时间序列的有效算法是什么?

1 年前