json.view 中的 HTML 标记使用 angularjs
HTML tags inside json..view using angularjs
这是我的json数据
[{"Country" : "Germ<sup>any</sup>"},{"Country" : "Swe<sup>den</sup>"}]
这是我如何使用角度 js 获取它的方式
<div ng-app="" ng-controller="customersController">
<ul><li ng-repeat="x in names">{{ x.Country }}</li></ul>
</div>
和控制器脚本
function customersController($scope,$http){
$http.get("http://localhost/sample.php").success(function(response) {$scope.names = response;});
}
我得到的输出是
<ul>
<li>Germ<sup>any</sup></li>
<li>Sweden</li>
</ul>
但我想要的输出是
<ul>
<li>Germ<sup>any</sup></li>
<li>Swe<sup>den</sup></li>
</ul>
需要帮助来解决这个问题...
您需要对尝试打印HTML内容的div使用ng-bind-html
。
有关详细信息,请参阅此链接并相应地更改代码。
默认情况下,AngularJS会清理您的数据并剥离所有HTML。
若要实现所需的目标,请使用 $sce 服务将数据标记为受信任,并使用 ngBindHtml 指令将其绑定到视图,如下所示:
添加新筛选器
app.filter('unsafe', ['$sce', function($sce) {
return function(text) {
return $sce.trustAsHtml(text);
};
}])
在 HTML 中使用它
<ANY ng-bind-html="data | unsafe"></ANY>
相关文章:
- 如何打开View on按钮点击窗口.打开angularJs中的弹出窗口
- 在AngularJs中无法加载ng-view
- json.view 中的 HTML 标记使用 angularjs
- AngularJS 1.3 - 错误:错误:modulerr 模块错误(使用 ng-view,$routeProvide
- 在路由配置中定义 AngularJS 中的 ng-view 动画
- AngularJS无法从ng-view访问ng-click
- AngularJS:异步 $http.get 调用导致 View 出现问题
- angularjs ng-view - jQuery 插件问题 - 需要建议
- View 在 AngularJS 中未更新
- XSRF with AngularJS: DocuSign API Embedded View Client-Side
- Angularjs-ui-router,ui-view 不起作用
- ng-view在AngularJS中不起作用
- AngularJS ui.router not rendering view [Node.js]
- AngularJs ng-view来更改父控制器的值
- 带有引导 3 手风琴的 AngularJS 在通过 ng-view 包含时不起作用.
- 即使使用$timeout,View也不会在angularjs中更新
- AngularJS-View从StateProvider获取未定义的数据
- Angularjs在特定状态下隐藏ui-view
- 我试图创建一个简单的angularjs项目,但ng-view不工作
- AngularJS的ngRoute正确地更新了URL,但没有将模板注入到ng-View中