1

我很困惑，我不知道我要去哪里错了。我正在使用Inspiritas Bootstrap 主题，我想在 Ember.js 应用程序中使用它。

我一直在努力阅读，我似乎无法弄清楚出了什么问题 - 调试并没有真正帮助:(

我的文件如下：

应用程序.js

app = Ember.Application.create();

app.IndexController = Ember.Controller.extend({
    name : "Hassan Khan"
});

索引.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>
4

1 回答 1

4

application.html需要由Ember.Handlebars. 如果你把它的内容放在你的页面的和之间<script type="text/x-handlebars">，它会自动为你编译和渲染。</script>headbody

命名您的应用程序变量也是一个好习惯App。

如果你希望它被渲染，你name应该移动到一个。App.ApplicationController

http://emberjs.com/guides将是创建 Ember 应用程序的良好起点。来自 Tom Dale 的新视频肯定会对您有所帮助。

http://jsbin.com/aqokix/1

于 2013-04-03T03:28:00.047 回答