句柄未呈现
Handlebars not rendering?
本文关键字:句柄 更新时间:2023-09-26
我一直在学习本教程,以便为我的Laravel应用程序开发一个聊天系统,但有些东西似乎已经过时了,我对Handlebars和JS真的很陌生。在步骤"创建接口"中,我尝试将教程中提供的代码调整为Handlebars 3.0中所需的语法,但我得到的都是空白页。看起来Handlebars视图根本没有呈现,我可能陷入了一些非常基本的问题。这是我的密码。
聊天。刀片.php
<!DOCTYPE html>
<html lang="pt">
<head>
<meta charset="UTF-8" />
<link
rel="stylesheet"
type="text/css"
href="{{ asset("css/bootstrap.css") }}"
/>
<link
rel="stylesheet"
type="text/css"
href="{{ asset("css/bootstrap.theme.css") }}"
/>
<title>Laravel 4 Chat</title>
</head>
<body>
<script type="text/x-handlebars-template">
@{{outlet}}
</script>
<script
type="text/x-handlebars-template"
data-template-name="chat"
id='chat'
>
<div class="container">
<div class="row">
<div class="col-md-12">
<h1>Laravel 4 Chat</h1>
<table class="table table-striped">
@{{#each}}
<tr>
<td>
@{{user}}
</td>
<td>
@{{text}}
</td>
</tr>
@{{/each}}
</table>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="input-group">
<input
type="text"
class="form-control"
/>
<span class="input-group-btn">
<button class="btn btn-default">
Send
</button>
</span>
</div>
</div>
</div>
</div>
</script>
<script
type="text/javascript"
src="{{ asset("js/shared.js") }}"
></script>
<script
type="text/javascript"
src="{{ asset("js/jquery-1.11.2.min.js") }}"
></script>
<script
type="text/javascript"
src="{{ asset("js/handlebars-v3.0.0.js") }}"
></script>
<script
type="text/javascript"
src="{{ asset("js/handlebars.runtime-v3.0.0.js") }}"
></script>
<script
type="text/javascript"
src="{{ asset("js/ember.debug.js") }}"
></script>
<script
type="text/javascript"
src="{{ asset("js/ember-data.js") }}"
></script>
<script
type="text/javascript"
src="{{ asset("js/bootstrap.js") }}"
></script>
<script type="text/javascript">
$(document).ready( function() {
var source = $("#chat").html();
var template = Handlebars.compile(source);
});
</script>
</body>
</html>
shared.js:
// 1
var App = Ember.Application.create();
// 2
App.Router.map(function() {
this.resource("chat", {
"path" : "/chat/"
});
});
// 3
App.Message = DS.Model.extend({
"user" : DS.attr("string"),
"text" : DS.attr("string")
});
// 4
App.ApplicationAdapter = DS.FixtureAdapter.extend();
// 5
App.Message.FIXTURES = [
{
"id" : 1,
"user" : "Chris",
"text" : "Hello World."
},
{
"id" : 2,
"user" : "Wayne",
"text" : "Don't dig it, man."
},
{
"id" : 3,
"user" : "Chris",
"text" : "Meh."
}
];
提前感谢!
我认为ember目前不支持把手(hdbs)3.0。
请看一下这篇文章,了解车把的更新信息。不确定这是否是最新的,但似乎只支持hdb1.x。
因为Ember已经更改为HTMLBars,请参阅这篇文章了解更改的信息。他们可能不会增加对hdbs 3.0的支持。
还有一个jsbin,您可以在其中看到如何使用最新版本的emberJS。
相关文章:
- 链接上的IE10 jquery句柄单击事件不起作用
- 句柄未呈现
- 当页面居中时,带有inputfield的jQuery ui滑块句柄不起作用
- Node.js REST与MySQL句柄重新连接
- Node.js正确的回调错误句柄
- jQuery UI滑块-防止多个句柄重叠
- AngularJS:自定义 404 拦截器句柄 - 带有 URL 的响应
- 从扩展的 javascript 中获取 Firefox 浏览器窗口句柄
- 识别纯文本句子中的推特句柄
- 我可以更改CSS中文本区域调整大小句柄的设计吗
- Javascript正则表达式句柄/
- 在窗体内部单击jQuery句柄按钮
- ES6 Promise.al()错误句柄-Is.settle()需要
- 语法错误jquery句柄json
- 带有两个句柄的 jQuery UI 滑块 - 获取初始数据
- 句柄中包含括号的问题处理属性
- 数组上的句柄设置为Backbone集合
- Asp.net Ajax事件句柄如何与DOM事件协同工作
- 句柄未进行分析
- 是否可以将条件语句或其他javascript作为参数传递到ember句柄中