1. 程式人生 > >前端模板art-template簡單使用方法

前端模板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>