第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全，請及時綁定郵箱和手機立即綁定
已解決430363個問題，去搜搜看，總會有你想問的

從AngularJS控制器插入HTML到視圖

從AngularJS控制器插入HTML到視圖

翻閱古今 2019-05-31 12:47:51
從AngularJS控制器插入HTML到視圖是否可以在AngularJS控制器中創(chuàng)建HTML片段并在視圖中顯示此HTML？這是因為需要將不一致的JSON BLOB轉(zhuǎn)換為id : value成對。因此，HTML是在控制器中創(chuàng)建的，我現(xiàn)在要顯示它。我已經(jīng)創(chuàng)建了一個模型屬性，但如果不打印HTML，則無法在視圖中呈現(xiàn)該屬性。更新這個問題似乎是由于將所創(chuàng)建的HTML呈現(xiàn)為引號中的字符串而產(chǎn)生的。會想辦法繞過這件事。示例控制器：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條經(jīng)驗 獲得超13個贊

您還可以創(chuàng)建如下過濾器：

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，如果將帶有用戶輸入的變量傳遞給它，則可能會出現(xiàn)XSS漏洞。


查看完整回答
反對 回復(fù) 2019-05-31
?
收到一只叮咚

TA貢獻1821條經(jīng)驗 獲得超5個贊

角JS顯示標(biāo)簽中的HTML

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

這里有一份副本：

好的，我找到了解決方案：

聯(lián)署材料：

$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>


查看完整回答
反對 回復(fù) 2019-05-31
  • 4 回答
  • 0 關(guān)注
  • 828 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

 幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

 公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號