Javascript 在Ember App.js ajax调用中使用razor语法

我正在尝试编写我的第一个

Ember

应用程序，但我根本不知道自己在做什么。我在一个ASP MVC 4项目中这样做，我希望能够单击“代理”菜单选项卡，并让Ember从

代理

控制器获取相关信息

当我认为我已经正确地设置了此项时，因为当我单击“代理”菜单项时，我得到以下错误：

“加载路由时出错”

同样，这是我第一次尝试Ember，所以我假设这意味着正在尝试ajax调用，所以我已经正确地路由了它，但是Razor语法没有被正确地翻译

App = Ember.Application.create();

App.Store = DS.Store.extend({
    adapter: 'DS.FixtureAdapter'
});

App.Router.map(function () {
    this.resource('home', { path: "/Index" });
    this.resource('agents', { path: "/Agents" });
    this.resource('topics',  function() {
        this.resource('topic', {path: '/topic/:topic_id'})
    });  
    this.resource('contacts', { path: "/Contacts" });
});

App.AgentsRoute = Ember.Route.extend({
    model: function () {
        return App.Store.all();
    }
})

App.Store.reopenClass({
    all: function () {
        return $.ajax({
            type: 'GET',
            data: {id: '1'},
            url: '@Url.Action("GetAgentData", "Agent")',
            sucess: function (data) {
                return data;
            }            
        });
    }
});

编辑

这里的每个请求都是我的

layout.cshtml

页面中的把手代码

                <nav>
                    <script type="text/x-handlebars">
                        <div class="navbar">
                            <div class="navbar-inner">                                
                            <ul id="menu">
                                <li>{{#linkTo 'home'}}Home{{/linkTo}}</li>
                                <li>{{#linkTo 'agents'}}Agents{{/linkTo}}</li>
                                <li>{{#linkTo 'topics'}}About{{/linkTo}}</li>
                                <li>{{#linkTo 'contacts'}}Contact{{/linkTo}}</li>
                            </ul>
                            </div>
                        </div>
                        {{outlet}}
                    </script>
                </nav>

{{{#链接到“home”}home{{/linkTo}
{{{#链接到“代理”}代理{{/linkTo}
{{{#链接到“主题”}关于{{/linkTo}
{{{#链接到“联系人”}联系人{{/linkTo}

{{outlet}}

你能把你的车把/模板代码显示在链接失败的地方吗？刚刚添加到帖子中。