模板字串(瀏覽器)
阿新 • • 發佈:2021-08-25
<!-- 建立 script 標籤建立模板,注意下面幾點 --> <!-- 1. type="text/該斜槓後可以是 html,template... 不是script即可)" --> <!-- 2. 給 script 標籤新增 id ,此 id 即為模板 id --> <!-- 3.模板 script 標籤必須在 template() 方法呼叫的 script 標籤之前 --> <script type="text/html" id="tpl"> <h2>{{user.name}}</h2> <h2>{{user.age+18}}</h2> <h2>{{user.age>18?'成年':'未成年'}}</h2> {{if user.flag}} 顯示 {{/if}} {{each user.target}} {{$index}} {{$value}} {{/each}} </script> <script> var user = { name: 'Template username', age:19, flag:false, target:["a","b","c"] } // 在瀏覽器中使用template方法(引數一 模版id 引數二 資料 必須是物件型別) var html = template('tpl', {user: user}) var container = document.querySelector('#container'); container.innerHTML = html; </script>