下划线模板javascript

Question

我试图调用html文件并动态传递值。我在javascript中创建了一个模板。但它不起作用。我有另一个js文件，其中已创建密钥vaue对。

内部HTML

<div class="form-box" id="login-box">
<div class="header .bg-green"><span class="appname"></span></div>
<form method="get" id="vclogin" action="">
 <div class="form-group">
       <input type="checkbox" id="rememberCHK" name="remember_me" > <%=CBID%> </>
       </div>
    <button id="btnlogin" type="button" class="btn bg-olive btn-block">
        <%=SignMeID%></button>
</div>
<div class="footer">                
    <p>
        <a href="javascript:void(0)" id="resetpass"><%=ForgotPWD%></a></p>
    <a href="" id="newreg" class="text-center"><%=Register%></a>
</div>
</form>    

内部js文件1

var temp;
        temp = _.template(HTMLTemplate, {
            CBID:lang.checkboxID,
            SignMeID:lang.SignMeID,
            ForgotPWD:lang.ForgotPassword,
            Register:lang.Newregistration
        });
        $('#login-box').append(temp);

在第二个JS文件中

define({
    "root": {
        checkboxID: "Remember me",
        SignMeID: "Sign me in",
        ForgotPassword:"I forgot my password",
        Newregistration:"Register a new membership"
    },
    'fr': true
});

期待一些代码修复