1. 程式人生 > 其它 >模板字串(瀏覽器)

模板字串(瀏覽器)

        <!-- 建立 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>