已解決430363個問題，去搜搜看，總會有你想問的

從AngularJS控制器插入HTML到視圖

首頁猿問從AngularJS控制器插入HT...

從AngularJS控制器插入HTML到視圖

AngularJS JavaScript

翻閱古今 2019-05-31 12:47:51

從AngularJS控制器插入HTML到視圖是否可以在AngularJS控制器中創建HTML片段并在視圖中顯示此HTML？這是因為需要將不一致的JSON BLOB轉換為id : value成對。因此，HTML是在控制器中創建的，我現在要顯示它。我已經創建了一個模型屬性，但如果不打印HTML，則無法在視圖中呈現該屬性。更新這個問題似乎是由于將所創建的HTML呈現為引號中的字符串而產生的。會想辦法繞過這件事。示例控制器：var SomeController = function () { this.customHtml = '<ul><li>render me please</li></ul>';}示例視圖：<div ng:bind="customHtml"></div>給予：<div> "<ul><li>render me please</li></ul>"</div>

查看完整描述

4 回答

慕田峪7331174

TA貢獻1828條經驗獲得超13個贊

您還可以創建如下過濾器：

var app = angular.module("demoApp", ['ngResource']);app.filter("trust", ['$sce', function($sce) {
  return function(htmlCode){
    return $sce.trustAsHtml(htmlCode);
  }}]);

然后在視野中

<div ng-bind-html="trusted_html_variable | trust"></div>

注：此篩選器信任傳遞給它的任何和所有html，如果將帶有用戶輸入的變量傳遞給它，則可能會出現XSS漏洞。

反對回復 2019-05-31

收到一只叮咚

TA貢獻1821條經驗獲得超5個贊

角JS顯示標簽中的HTML

上述鏈接中提供的解決方案對我有效，這個線程上的任何選項都不起作用。對于任何使用AngularJS版本1.2.9查找相同內容的人

這里有一份副本：

好的，我找到了解決方案：
聯署材料：
$scope.renderHtml = function(html_code){
    return $sce.trustAsHtml(html_code);};
HTML：
<p ng-bind-html="renderHtml(value.button)"></p>

編輯：

這是布景：

JS文件：

angular.module('MyModule').controller('MyController', ['$scope', '$http', '$sce',
    function ($scope, $http, $sce) {
        $scope.renderHtml = function (htmlCode) {
            return $sce.trustAsHtml(htmlCode);
        };

        $scope.body = '<div style="width:200px; height:200px; border:1px solid blue;"></div>'; 

    }]);

HTML文件：

<div ng-controller="MyController">
    <div ng-bind-html="renderHtml(body)"></div></div>

反對回復 2019-05-31

4 回答
0 關注
829 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

從AngularJS控制器插入HTML到視圖

從AngularJS控制器插入HTML到視圖

4 回答

添加回答