Далее, мы создадим приложение Ember.js, маршрут ('/'), а также переконвертируем наш статический макет в Handlebars шаблон.
Внутри каталога js, добавьте файл приложения application.js и файл маршрутизатора router.js. Вы можете разместить эти файлы где угодно (даже просто положить весь код в один файл), но это руководство предполагает, что вы разделили их на файлы и назвали их, как указано.
Внутри js/application.js добавьте следующий код:
window.Todos = Ember.Application.create();
Это создаст новый экземпляр Ember.Application и сделать его доступным в качестве переменной имени Todos в JavaScript среде браузера.
Внутри JS / router.js добавьте следующий код:
Todos.Router.map(function() {
this.resource('todos', { path: '/' });
});
Это скажет Ember.js чтобы он определил шаблон TODOS, когда URL приложения соответствует '/'. Затем отредактируйте index.html, чтобы обернуть внутреннее содержимое <body> в тег сценария Handlebars и подключите js/application.js и js/router.js после Ember.js и других Javascript зависимостей:
<!-- ... additional lines truncated for brevity ... --> <body> <script type="text/x-handlebars" data-template-name="todos"> <section id="todoapp"> ... additional lines truncated for brevity ... </section> <footer id="info"> <p>Double-click to edit a todo</p> </footer> </script> <!-- ... Ember.js and other javascript dependencies ... --> <script src="js/application.js"></script> <script src="js/router.js"></script> </body> <!-- ... additional lines truncated for brevity ... -->
Перезагрузите веб-браузер для того, чтобы убедится все файлы были ссылается правильно и нет ошибок.
Комментариев нет:
Отправить комментарий