## WeX5數據綁定04:html綁定
html綁定(bind-html)將在界面中添加特定的html元素,正如text綁定時候所說的哪樣,如果要在界面中動態添加html元素,則需要使用html綁定。
代碼實例:
//.w片段
<div bind-html="details"></div>
//.js片段
this.details = justep.Bind.observable("");
this.details.set("<em>For further details, view the report" +
" <a href='report.w'>here</a>.</em>");
綁定規則:
* html綁定首先清除所在元素的內容,然后使用jQuery的html()函數將html字符串值作為子元素插入容器元素中(innerHTML),如果容器中包含其它子元素,則這些子元素會被移除;
* 如果綁定參數是監視屬性,當屬性值發生改變的時候,綁定會更新元素的子內容, 如果不是監視屬性,則這種綁定只會發生一次;
* 如果屬性的值不是number或string類型(比如是object or array),會調用toString()方法將屬性轉換為string,然后設置到元素的innerHTML 。
使用注意:
* 由于html綁定設置innerHTML屬性,有受到腳本注入攻擊的風險。如果不能保證html綁定值的安全性,請慎重使用html綁定,盡量使用text綁定或別的方式實現。
- 快速入門
- 第一個應用
- WeX5產品能力和技術
- wex5技術理念
- WeX5可以怎么玩?
- WeX5和BeX5比較
- UI2開發
- UI2前端框架基礎01:應用和頁面
- UI2框架基礎02:框架結構圖和目錄
- 組建基礎
- 編程基礎
- js引用
- css、text引用
- 設置資源依賴
- 代碼調試
- 數據組件
- Data組件基礎01:列、初始化加載狀態、行對象和游標
- Data組件基礎02:規則、數據遍歷查找
- Data組件基礎03:CRUD
- Data組件基礎04:Tree、主從數據、更新模式
- Data組件基礎05:再談Data組件新增,查詢,保存
- Data組件的JSON數據格式
- WeX5 & BeX5 頁面框架核心之數據綁定
- 數據綁定屬性系列
- 初識綁定
- visible綁定
- text綁定
- html綁定
- css綁定
- 頁面布局
- 頁面樣式
- 樣式基礎
- 添加自定義圖標(iconfont)
- 常用組件
- bar組件
- contents組件
- 前端路由和頁面跳轉
- 路由模塊
- 頁面跳轉
- 部署和發布
- 三種部署方式
- Web app部署
- UIServer的緩存機制
- 自定義組件開發
- 組件運行時開發案例
- 組件設計時開發案例
- 組件設計時開發參考
- 屬性編輯器配置和開發
- 自定義向導開發(waiting)
- 第三方庫集成
- 集成Echarts
- 集成百度和高德地圖
- App開發
- 打包
- App打包基礎和常見問題
- App打包原理和目錄結構
- App打包過程詳解
- App打包服務器環境搭建
- 蘋果證書申請 使用
- Android和IOS的本地應用圖標規范
- Android和IOS的本地App如何安裝(apk&ipa)
- 蘋果App部署HTTPS進行在線下載安裝
- 調試
- Android和IOS真機調試
- 插件
- 如何使用和擴展cordova插件
- cordova插件開發
- 常用cordovar插件
- SQLite插件
- 極光推送(JPush)插件
- 微信支付入門教程
- 微信、支付寶支付開發
- 服務端開發
- App與服務端交互原理
- 輕量級Baas(視頻)(文字) (.net版)
- Data組件的JSON數據格式11
- 微信服務號集成(視頻)
- 擴展學習資料
- bootstrap
- Knockoutjs
- JQuery
- requirejs
- phonegap/cordova