前端模板art-template簡單使用方法
1、使用 --- 引用簡潔語法的引擎版本,例如: <script src="dist/template.js"></script> 2、表示式 --- {{ 與 }} 符號包裹起來的語句則為模板的邏輯表示式。 3、輸出表達式 對內容編碼輸出: {{content}} 不編碼輸出: {{#content}} 4、遍歷表示式 <ul id="carList" class="list-unstyled"> <script id="carListTmp" type="text/html"> {{each nodes}} <li> <input type="checkbox" value="{{#$value.val}}" name=""> {{$value.name}} </li> {{/each}} </script> </ul> 5、模板包含表示式 <ul id="carList" class="list-unstyled"> <script id="carListTmp" type="text/html"> <li> {{$value.name}} {{include 'carListTmp2' $value.children}} </li> </script> </ul> 6、條件表示式 <script id="carListTmp3" type="text/html"> <ul> {{if $value.color === "red"}} <i class="fa fa-circle-o text-red"></i> {{else if $value.color === "green"}} <i class="fa fa-circle-o text-green"></i> {{else}} <i class="fa fa-circle-o text-default"></i> {{/if}} </ul> </script>