Angularjs, замените html-контент при загрузке angular

У меня есть угловое приложение со страницей и динамическим контентом. Я использую ui router для маршрутизации.

Я хочу, чтобы пользователь видел статический html, который рендеринг на стороне сервера вернет его, и когда angular загружен, измените html-контент с помощью шаблонов вашего маршрутизатора.

пример статического html:

<div ui-view>
  <div>Lorem Ipsum</div>
  <p>Lorem Ipsum</p>
  <span>Lorem Ipsum</span>
<div>

пример шаблона пользовательского интерфейса маршрутизатора:

<div>
  <div>{{myModel}}</div>
  <p>{{myModel2}}</p>
  <span>Lorem Ipsum</span>
<div>

Мои цели:

  1. Пользователь должен увидеть статический HTML-код перед загрузкой динамического содержимого. Динамический контент заменит его.

  2. Поисковые системы должны отслеживать статические файлы, а не что-то вроде <p>{{myModel2}}</p>


angularjs angular-routing angular-ui-router angular-seo
person fyelci    schedule 01.06.2016    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Я думаю, вы можете сделать статический контент видимым до того, как ui-router будет разрешен следующим образом:

<ui-view>
  <div>Lorem Ipsum</div>
  <p>Lorem Ipsum</p>
  <span>Lorem Ipsum</span>
</ui-view>

Использование ui-view в качестве пользовательского тега отобразит внутренний HTML без каких-либо изменений в нем, однако, когда маршрут разрешен, это содержимое будет заменено фактическим шаблоном маршрута.

person dfsq    schedule 01.06.2016
comment
Это сработало, большое спасибо. Я попробовал это как ‹div ui-view›‹/div› в первую очередь, это не сработало. Когда я попробовал ваше объяснение, оно сработало. - person fyelci; 01.06.2016