master

分支 (2)

管理

管理

master

develop

i18n-handlebars
/
index.html

<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <script src="https://cdn.bootcss.com/jquery/1.9.1/jquery.js"></script>
    <script src="./lib/handlebars.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/i18next/1.10.3/i18next.js"></script>
    <title>I18n-Handlebars</title>
</head>

<body>
    <label for="language" id="selectLang">请选择语言：</label>
    <select id="language">
        <option >中文</option>
        <option >English</option>
    </select>
    <br/>
    <label for="placeholder">请输入姓名：</label>
    <input type="text" data-i18n="[placeholder]table.name" id="placeholder">
    <table>
        <thead>
            <tr>
                <th data-i18n="table.name"></th>
                <th data-i18n="table.sex"></th>
                <th data-i18n="table.age"></th>
                <th data-i18n="title"></th>
            </tr>
        </thead>
        <tbody id="tableList">
        </tbody>
    </table>
    <script id="table-template" type="text/x-handlebars-template">
        {{#each student}} {{#if name}}
        <tr>
            <td>{{name}}</td>
            <td>{{sex}}</td>
            <td>{{age}}</td>
            <td>{{I18n key}}</td>
        </tr>
        {{/if}} {{/each}}

    </script>
    <script src="./js/main.js"></script>
    <script src="./js/helper.js"></script>
</body>

</html>