Компонент верхнего уровня Aurelia без маршрутизации

Question

Можно ли добавить компонент верхнего уровня Aurelia без маршрутизатора? Целью является создание компонента без маршрутизатора, поскольку мое приложение не нуждается в навигации по URL.

Из того, что я могу сказать, Aurelia, кажется, ведет вас по пути, где компоненты создаются через маршрутизацию в зависимости от того, как компонент зарегистрирован в маршрутизаторе.

Вместо этого я хотел бы просто добавить разметку для компонента верхнего уровня на главной странице index.html:

<my-component bind.current="'123456'"></my-component> 

Я хотел бы определить компоненты без маршрутизатора и использовать только шаблонный и связывание данных возможностей Аурелия.
Возможно ли это?

Пробовал это в index.html (внутри тела тега проекта по умолчанию)

<require from='./dist/my-component'></require> 
<my-component></my-component> 

Но не похоже, чтобы поднять его. В идеале я хотел бы просто определить его в разметке на странице обслуживаемого с сервера, так как это позволило бы мне Брусчатка атрибуты динамически на элементах

<my-component current.bind={{someServerGeneratedId}}></my-component> 

В приведенном выше я хотел бы использовать рамки шаблонный, как усы динамически оказывать Aurelia, когда страница подается с сервера. Я мог бы обернуть компонент в другой компонент «посадку», но это затрудняет работу с создаваемыми сервером привязками.

UPDATE: ответ Per Роба: https://github.com/aurelia/framework/issues/175#issuecomment-126965417 - Он ожидает, чтобы добавить возможность добавлять корневой компонент на целевую страницу в будущих версиях. Я понимаю, что есть способы не использовать маршрутизатор, но все равно зависит от частичного просмотра при загрузке приложения. Это не использует маршрутизатор напрямую, но концептуально это на самом деле просто подразумеваемая/конвенциональная клиентская сторона nav. В конце есть запрос на стороне клиента, чтобы вывести его в вид, что означает, что я не могу генерировать html динамически из исходного ответа сервера.

Answer 1

Да, вы можете сделать это очень легко без маршрутизатора. Просто удалите конфигурацию маршрутизатора из app.js и в app.html удалите также код маршрутизатора.

Я думаю, что проблема, с которой вы работаете, заключается в том, что вы снова указываете папку dist в своем index.html. Вы должны просто ссылаться на это следующим образом:

<require from="my-component"></require> 
<my-component current.bind="someServerGeneratedId"></my-component> 

Это будет правильно связываться.

Answer 2

Я думаю, вы пропустили концепцию маршрута здесь.

На момент написания статьи, страница index.html Aurelia - это ваша начальная страница, на которой вы помещаете свои материалы «загрузки», и где Aurelia загружает все приложение.

Таким образом, вы не можете разместить на нем пользовательский компонент, но это не должно быть проблемой.

Если вы не изменили какую-либо конфигурацию на Aurelia, он будет искать ваш app.html для загрузки вашего приложения, и там вы можете иметь все, что хотите (маршруты или нет, не имеет значения). Таким образом, вы должны разместить свой компонент там, помимо других тегов/компонентов/etc, которые вам нужны.

Я сделал плункер без какой-либо маршрутизации и с пользовательским компонентом в app.html, и что-то, что имитирует то, что вам нужно.

<template> 
    <require from='./my-component'></require> 

    <my-component current.bind="serverGeneratedID"></my-component> 
</template> 

http://plnkr.co/edit/mLb8Ym638b4V2e9LDp0A?p=preview

Если вам нужно что-нибудь еще, комментарии здесь, и я буду стараться идти дальше.