- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我是 AngularJS 的新手,我觉得我只是触及了该框架可能实现的功能的皮毛。但是,我遇到了 sce.trustAsHtml 函数的问题。我正在运行 AngularJS 1.2.4。
在我的应用程序中,我使用 JSON 加载项目。这些项目使用指令显示在列表中。有时,我想将 HTML 注入(inject)到检索到的内容中(例如,使链接可点击)。
我读过我可以使用 $sce.trustAsHtml 来允许绑定(bind)中的 html。但是,以下代码段不起作用。我希望所有项目都替换为粗体文本“测试”,但它显示的是 <strong>Test</strong>
对于每个项目。
有没有一种简单的方法可以使这个代码段起作用?
angular.directive('ngStream', function($timeout, $sce) {
var url = "getitems.json";
return {
restrict: 'A',
scope: {},
templateUrl: 'templates/app_item.html',
controller: ['$scope', '$http', function($scope, $http) {
$scope.getItems = function() {
$http.get(url,{}).success(function(data, status, headers, config) {
$scope.items = data;
});
}
}],
link: function(scope, iElement, iAttrs, ctrl) {
scope.getItems();
scope.$watch('items', function(newVal) { if (newVal) {
angular.forEach(newVal, function(vars,i) {
# Example html string for testing purposes.
var editedContent = '<strong>Test</strong>';
newVal[i].contentHtml = $sce.trustAsHtml(editedContent)
});
}});
},
}
});
最佳答案
你的模板上有什么? $sce.trustAsHtml
必须与 ng-bind-html
一起使用,而不是普通的 ng-bind
(或 {{}}
)
关于javascript - AngularJS 的 $sce.trustAsHtml 被忽略,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20492758/
我正在尝试使用$ sce。我像这样设置我的代码: var app = angular .module('app', ['ui.router', 'admin', 'home', 'questi
我正在使用联合客户端体验 (SCE) SDK。有没有人为此成功创建自定义数据馈送?我希望能够在 URL 上托管 masterfeed 和其他提要,而不是像示例那样编译为嵌入式资源。例如,客户端应用程序
如果我完全禁用 $sce 服务会发生什么坏事? angular.module('app').config(function ($sceProvider) { $sceProvider.enab
好的,所以我在代码中测试过的以下内容有效: javascript: var string = 'hello'; $scope.html = $sce.trustAsHtml(string); html
在我的 Web 应用程序中,我给出了一个用 angular $sce 包装的对象。在这个对象中,每个属性都有一个特殊的属性 $$unwrappedTrusted 但它并没有真正给我对象值。我怎样才能获
我在这里添加了一个 Plunker:http://plnkr.co/edit/4vqV8toHo0vNjtfICtzI?p=preview 我正在尝试向 DOM 添加一个按钮,单击时应该执行绑定(bi
我正在尝试在字符串上运行 $sce.trustAsHtml 。它抛出 Error: $sce:itypeString Value is Required for SCE Trust Call即使我在返
我得到:阻止从 $sceDelegate 策略不允许的 url 加载资源。网址://www.youtube.com/embed/61aM0DXpKkc 在下面 table, th , td {
我正在尝试访问成功返回PDF文档的API。我正在使用$ sce.trustAsResourceUrl从我的HTML代码中调用此API。 如果失败,此 getStatement API将返回JOSN错误
我怎样才能做这样的事情:$sce.trustAsResourceUrl('URL_HERE'); 全局范围内,例如主应用的 config() 或 run() 函数,以便任何具有 URL_HERE 的
假设以下字符串: Hello World 我只想允许粗体元素工作,而斜体元素(以及任何其他元素!)保持不变,因此输出为: Hello World 。 目前我使用: function outputHtm
我有一个像这样的变量:- tableData1[$scope.tableHeadingsConstant[0]] = $sce.trustAsHtml(''
我有一个警报如下: $scope.addAlert('danger', $sce.trustAsHtml('Invalid Alias Name: Certain limitations apply
我只是想播放/暂停其他地方的音频流。 最初我遇到了SCE错误。然后找到并尝试了不同答案的解决方案。 那些使SCE错误消失了,但是音频仍然无法正常工作。 我的第一次尝试是使用过滤器,如下所示: Angu
我正在尝试使用 angularjs 创建一个应用程序,其中输入是从输入框中获取并显示的。这类似于聊天。因此输入可以包含 url,我在 Autolinker.js 的帮助下将它们转换为链接。我在这个问题
这是我正在尝试做的事情 $sce.trustAsHtml('') 在我的 HTML 代码中只打印 但我期待ng-class $sce之前要评估的属性返回它。我的代码有点像这样工作 如何做到这一点?
我知道 $sce.trustAsHtml() 可以让 AngularJS 按原样显示 HTML。经过一番坐立不安后,我意识到这并不适用于所有情况。特别是当该数据中包含其他标签时。 如果我使用简单的 H
我正在尝试将字符串解析为字符数组,用 包围每个字符。 。提交解析的函数有效,每个字符都被 包围标签。解析函数: app.controller('tableCtrl',function($scope
我是 AngularJS 的新手。我尝试将 iframe src 与 Angular Controller 绑定(bind)。 html: Controller js: $scope.iframeU
我必须呈现一个字符串 (item.tabs.review.content),使用 $sce.trustAsHtml 将其解析为 HTML。 我遇到的主要问题是在字符串中引用了项目对象 (item.ta
我是一名优秀的程序员,十分优秀!