当前位置: 首页 > 面试题库 >

如何在角度数据中显示或任何原始html?

翟源
2023-03-14
问题内容

如何显示 为空格而不显示为字符串。有raw像树枝一样的过滤器吗?

<div>{{item}}</div>

$scope.item = '&nbsp;';

但是结果逃不过了&amp;nbsp;。我需要这个,因为' '高度为0。


问题答案:

使用 ngBindHtml
可以轻松完成

对于1.2.x以上版本的Angular:

ng-bind-html

工作演示

html

<div ng-app='myApp' ng-controller="Controller">
   <div ng-bind-html="item"></div>
</div>

脚本

var app = angular.module('myApp', ['ngSanitize']);
app.controller('Controller', function ($scope, $sce) {
   $scope.item = 'What&nbsp;Is&nbsp;Your&nbsp;Name?';
});

对于Angular 1.0.x版本:

工作演示

ng-bind-html-unsafe

html

<div ng-app='myApp' ng-controller="Controller">
   <div ng-bind-html-unsafe="item"></div>
</div>

脚本

var app = angular.module('myApp', []);
app.controller('Controller', function ($scope) {
   $scope.item = 'What&nbsp;Is&nbsp;Your&nbsp;Name?';
});


 类似资料:
  • 我试图用自己的数据创建一个dataTable:代码如下: 但当我运行它时,我看到一张空桌子。我想查看我的数据,我怎么能?

  • 我使用的是一个模板,我用一个改装2请求替换了占位符数据,该请求从URL解析数据的JSON文件,并将其放入对象列表中。我遇到了一个问题,首先执行改装调用并返回items=0,然后使用值items=0进一步执行代码,在调试器中执行了许多步骤后,它返回调用并显示正确的响应(items=12),但适配器/RecycleView操作似乎已经执行,并且它们不使用延迟到达的解析数据。 主要活动。Java语言 改

  • 我需要帮助在Angular 4中显示来自api的subscribe的输出。既然我写了数据,我该怎么做呢。数据数据,但它表示类型对象上不存在属性数据。如何在浏览器中输出?下面是我的代码和api图片

  • 问题内容: 我的PCM样本很短。发挥这种效果的最佳方法是什么?格式为8000Hz,单声道,16位,大字节序。(PCM样本是在代码中生成的,而不是通过某些文件读取的) 谢谢 问题答案: 使用javax.sound.sampled包,它非常简单,但是您必须使用一些样板文件。 这是一个很好的教程:www.wikijava.org/wiki/Play_a_wave_sound_in_Java 基本上,您必

  • 我想要一个recyclerview,当第一个应用程序打开时,然后在创建时从服务器获取一些数据,当向上滚动时,会显示recyclerview下方的进度条,当向上滚动到服务器时再次点击URL,并在先前获取的数据下方获取更多数据。但我知道当我第二次点击URL时,它会刷新页面,并在第二次点击时只显示从服务器获取的数据,但我想要第一次和第二次点击的响应。 对不起,我说英语 以下是我的主要活动代码: }

  • 问题内容: 假设我有时从服务器获取空数据,我想在DataTables中显示No Data found消息。这怎么可能? 问题答案: 如果要自定义在空表上显示的消息,请使用以下命令: 从Datatable 1.10开始,您可以执行以下操作: 有关表的 完整 可用数据表的 定制消息 ,请查看以下链接参考/选项/语言