Индекс Ember.js не работает - PullRequest
Новая
       6

Индекс Ember.js не работает

0 голосов
/ 30 апреля 2018

Я пытаюсь создать Ember.js SPA в приложении ASP.NET MVC5. Я использую пример проекта, представленный по ссылке ниже. В нем я создал новый index.cshtml вместе с файлом application.js и rout.js. Тем не менее, шаблон руль не выполняется. Ниже мой код. Кто-нибудь знает, почему это не работает?

Все, что я хочу, это чтобы меню с текстом «О» отображалось, и чтобы я щелкнул ссылку «О программе» и увидел текст «Об этом приложении ....». В настоящее время все, что я вижу, это текст «Test About», поэтому я склонен полагать, что реализация выполнена правильно.

https://msdn.microsoft.com/en-us/magazine/dn463786.aspx

EfaAppTabs.cshtml 

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <link href="Content/bootstrap.css" rel="stylesheet" />
</head>
<body>    
    <h1>Test About</h1>
    <script type="text/x-handlebars" data-template-name="EfaEmberApp-1.0.0">
        <div class="container">
            <div class="page-header">
                <h1>Movies</h1>
            </div>
            <div class="well">
                <div class="navbar navbar-static-top">
                    <div class="navbar-inner">
                        <ul class="nav nav-tabs">
                            <li>{{#linkTo 'about'}}About{{/linkTo}} </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="container">
                <div class="row">
                    {{outlet}}
                </div>
            </div>
        </div>
        <div class="container">
            <p>&copy;2018 EFA</p>
        </div>
    </script>


    <script type="text/x-handlebars" data-template-name="about">
        <div class="container"></div>
        <h3>About this app...</h3>
    </script>
    @Scripts.Render("~/bundles/jquery")
    @Scripts.Render("~/bundles/jqueryval")
    @Scripts.Render("~/bundles/jquery-ui")
    @Scripts.Render("~/bundles/ember")
    @Scripts.Render("~/bundles/Efa")
</body>
</html>

EfaEmberApp-1.0.0.js 

window.App = Ember.Application.create();

EfaEmberRoutes-1.0.0.js 

// Routes
App.Router.map(function () {
    this.route('about');
});
...