Angular4繫結html內容出現警告的處理方法

2022-10-08 03:30:07 字數 733 閱讀 2539

前言

眾所周知在web前端開發中,我們經常會遇見需要動態的將一些來自後端或者是動態拼接的html字串繫結到頁面dom顯示,特別是在內容管理系統(cms:是content management system的縮寫),這樣的需求,更是遍地皆是。但是最近在angular4繫結htm程式設計客棧l內容的時候出現了警告,通過查詢相關資料終於解決了,下面給同樣遇到這個問題的朋友們分享下,話不多說了,來一起看看詳細的介紹吧。

繫結html內容

如果用正常的方法去繫結的話,可能會出再這種警告

---------------------------------------

warning: sanitizing html stripped some content (see

而且頁面上也顯示不出東西來。

在網上找了一些,說要寫指令對其進行轉,好麻煩,從官網也找到乙個種辦法。

bypasssecuritytrusthtml 用這個來進行安裝轉換。

在返回的結果對內容,或內容字段進行轉換,當然要使用 bypasssecuritytrusthtml 的話,還是要依賴注入 doms 服務,

import from '@angular/platform-browser';

expor程式設計客棧www.cppcns.comt class mypage1

oninit():void}總結

本文標題: angular4繫結html內容出現警告的處理方法

本文位址:

Angular4的雙向資料繫結

最近在學angular4,因為angularjs中預設是雙向資料繫結,但是如果在比較複雜的頁面使用的話會引起效能問題,那是因為angularjs會在頁面儲存乙個所有資料繫結的列表,每當資料發生變化時,angularjs都會反覆檢視列表,以保證資料一致性。然後在angular4中預設是單向資料繫結。但...

Angular4基本功 元件繫結

最近專案上用到了angular4進行開發前台,組織了零散的知識分享給大家根據需求改變屬性,根據 可以看出,只要star是true則我們現實我們的樣式,如果為false則不顯示,很好的做到了動態的效果 class.glyphicon star empty star div tsprivate star...

angular4自定義雙向繫結

最近在工作中遇到了自定義元件,實現雙向繫結,之前也有這樣的需求,不過都被我這樣那樣的用較麻煩的方法避開了,不過這次還是老老實實地用雙向繫結吧。自定義元件 1 component 實現資料的傳遞 output search new eventemitter output valuechange new...