### 表達式 *view（data.js）的所有屬性值支持表達式語法* *表達式可以支持js語法，見下面示例* * 綁定state中path為data.content的數據 ~~~js { ... value: `{{data.content}}` //value = state.data.content ... } ~~~ * 綁定action中方法名為onChange的函數 ~~~js { ... onChange:`{{$onChange}}` // onChange = action.$onChange ... } ~~~ * 函數體 ~~~js { onChange: `{{{ debugger; return $onChange }}}` /* onChange = new Function(` debugger; return action.onChange `)() */ } ~~~ ## data.js中ttk預置了哪些系統屬性?(***) ``` { component: 'div', children: 'hello', _visible: 'true' } ``` 這里說的系統屬性就是上面例子中的component、children、\_visible等; 除系統屬性外還可以設置控件支持的任何屬性; 主要支持下面描述的幾種系統屬性; * component 組件名，缺省可使用所有html元素 ~~~js { component: 'div' } //<div></div> ~~~ * children 子組件 ~~~js { component: 'div' children: { component: 'div', children: 'children' } } /* <div> <div>chidlren</div> </div> */ ~~~ * \_visible 是否顯示，值支持表達式, 默認true ~~~js { component: 'div', _visible: false } ~~~ * \_power 循環,支持嵌套，用于數據的遍歷 ~~~ const state = { data: { list: [{a:1}, {a:2}, {a:3}] } } const view = { component: 'div', children: { _power: 'for in data.list', // or (item,index) in data.list component: 'div', children: '{{data.list[_rowIndex].a}}' } } ~~~ *\_visible設置為false,將不創建該組件*