[AngularJs] 解決UI Bootstrap bindHtmlUnsafe is now deprecated.
將專案的AngularJS UI Bootstrap 從0.13.0 升上到0.13.3後,在使用typeahead的時候,瀏覽器的console會出現警告訊息 如下圖,提示bindHtmlUnsave已不推薦使用。
此問題是我的typeahead有使用自訂的template,而template的內容使用到bind-html-unsafe作html的繫結
此行程式我是參考ui-bootstrap 在Github的原始碼,來作比對的highlight用。本想說它既然警告了此用法,那它應該也有修改成正確的寫法才對。但....答案是沒有..
解決方法
1.將bind-htmjl-unsave 改成ng-bind-html。改完後,引用模組"ngSanitize"。
2.加入angular-sanitize.js
3.引用ngSanitize
參考來源
https://docs.angularjs.org/api/ngSanitize