我被困住了,我不知道哪里出错了。我正在使用 Inspiritas Bootstrap 主题,我想在 Ember.js 应用程序中使用它。
我一直在努力阅读,我似乎无法弄清楚出了什么问题 - 调试并没有真正帮助:(
我的文件如下:
应用程序.js
app = Ember.Application.create();
app.IndexController = Ember.Controller.extend({
name : "Hassan Khan"
});
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>app</title>
<link href="inspiritas.css" rel="stylesheet">
</head>
<body>
<script src='../components/jquery/jquery.js'></script>
<script src="../js/jquery.tablesorter.js"></script>
<script src="../components/moment/moment.js"></script>
<script src="../components/highcharts.com/js/highcharts.src.js"></script>
<script src="../components/handlebars/handlebars.js"></script>
<script src="../components/bootstrap/js/bootstrap-dropdown.js"></script>
<script src="../components/bootstrap/js/bootstrap-collapse.js"></script>
<script src="../components/bootstrap/js/bootstrap-typeahead.js"></script>
<script src="../components/ember/ember.js"></script>
<script src="js/app.js"></script>
</body>
</html>
现在我不太确定 application
位应该放在哪里,但它在这里:
应用程序.html
<div class="navbar navbar-static-top navbar-inverse">
<div class="navbar-inner">
<div class="container">
<a class="brand" href="#">app</a>
<span class="tagline">Blah</span>
<div class="nav-collapse collapse" id="main-menu">
<div class="auth pull-right">
<img class="avatar" src="images/img.png">
<span class="name">{{ name }}</span><br/>
<span class="links">
<a href="#">Settings</a>
<a href="#">Logout</a>
</span>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row-fluid">
<div class="span9" id="content-wrapper">
<div id="content">
{{ outlet }}
</div>
</div>
</div>
</div>
最佳答案
application.html 需要Ember.Handlebars
编译.如果你把它的内容放在 <script type="text/x-handlebars">
之间和 </script>
并放在 head
中或 body
在您的页面中,它将自动为您编译和呈现。
将您的应用程序变量命名为 App
也是一种很好的做法.
你的 name
应该移到 App.ApplicationController
如果你想让它被渲染。
http://emberjs.com/guides将是创建 Ember 应用程序的良好起点。 Tom Dale 的新视频一定会对您有所帮助。
关于javascript - 如何让 Ember.js 工作?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15776603/