Javascript Ember模板,编译后在HTML中内联时出错
我正在将Ember模板编译到一个JS源文件中,当在HTML中作为外部源加载时,该文件将正确加载 但是,当我将同一个源文件内联到HTML(当前项目所需)中时,在浏览器控制台上会出现以下错误:Javascript Ember模板,编译后在HTML中内联时出错,javascript,ember.js,gulp,inline-code,grunt-ember-templates,Javascript,Ember.js,Gulp,Inline Code,Grunt Ember Templates,我正在将Ember模板编译到一个JS源文件中,当在HTML中作为外部源加载时,该文件将正确加载 但是,当我将同一个源文件内联到HTML(当前项目所需)中时,在浏览器控制台上会出现以下错误: Uncaught Error: Assertion Failed: An error occured while setting up template bindings. Please check "index" template for invalid markup or bindings within
Uncaught Error: Assertion Failed: An error occured while setting up template bindings. Please check "index" template for invalid markup or bindings within HTML comments.
失败模板的代码如下所示:
<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="inner-nav">
<a class="navbar-brand" rel="home">
<img src="img/logo.png">
</a>
</div>
</nav>
<main class="login">
<div class="background-image">
<div class="color-overlay"></div>
</div>
<div class="container">
<aside>
<h4>Title</h4>
<p>Intro text, lorem ipsum, lahlahlah, etc.</ p>
</aside>
<article>
<div class="panel panel-default">
<div class="panel-heading">Sign in</div>
<div class="panel-body">
<form role="form" {{action "login" on="submit"}}>
<div class="form-group">
<label for="email">Email address</label>
{{input placeholder="Your email" id="email" class="form-control" value=username}}
</div>
<div class="form-group">
<label for="password">Password</label>
{{input type="password" placeholder="Your password" id="password" class="form-control" value=password}}
</div>
<label class='button-label'><a>Forgot password?</a></label>
<button type="submit" class="btn btn-primary pull-right">Sign in</button>
</form>
</div>
</div>
<div class="panel panel-default">
<div class="panel-body">
<label class='button-label'>New user?</label>
<button type="submit" class="btn btn-default pull-right">Sign up</button>
</div>
</div>
</article>
</div>
</main>
标题
介绍文字、lorem ipsum、lahlahlah等。
登录
电子邮件地址
{{input placeholder=“您的电子邮件”id=“电子邮件”class=“表单控制”value=username}
密码
{{input type=“password”placeholder=“您的密码”id=“password”class=“form control”value=password}}
忘记密码了?
登录
新用户?
注册
有什么想法吗?尝试在输入助手中使用
classNames
属性而不是class
,看看这是否有帮助。您是否尝试过一个简单的模板(例如你好,世界
)?您是否将其放入
标记中?是的,我已尝试简化模板,如果删除密码字段,错误将消失。我没有定义“x/handlebar”类型,因为我使用gulp-ember模板编译它(它生成JS代码,如果引用而不是内联的话,则可以正常工作。您是否尝试过{{password}}
?可能只是一个关闭的标记问题