[AngularJs] 解決UI Bootstrap bindHtmlUnsafe is now deprecated.

將專案的AngularJS UI Bootstrap 從0.13.0 升上到0.13.3後,在使用typeahead的時候,瀏覽器的console會出現警告訊息 如下圖,提示bindHtmlUnsave已不推薦使用。

image

此問題是我的typeahead有使用自訂的template,而template的內容使用到bind-html-unsafe作html的繫結

image

此行程式我是參考ui-bootstrap 在Github的原始碼,來作比對的highlight用。本想說它既然警告了此用法,那它應該也有修改成正確的寫法才對。但....答案是沒有..

image

解決方法

1.將bind-htmjl-unsave 改成ng-bind-html。改完後,引用模組"ngSanitize"。

image

2.加入angular-sanitize.js

image

3.引用ngSanitize

image

參考來源

https://docs.angularjs.org/api/ngSanitize

這個網誌中的熱門文章

IIS 設定只允許特定IP進入