angularjs - Angularjs，加载角度时替换html内容

Question

我有一个带有页面和动态内容的角度应用程序。我使用ui路由器进行路由。

我希望用户看到服务器端渲染将返回它的静态 html，并且在加载 Angular 时，使用您的路由器模板更改 html 内容。

示例静态 html 是：

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

示例 ui 路由器模板是：

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

我的目标：

1. 在加载动态内容之前，用户应该看到一些静态 html。动态内容将取代它。

2. 搜索引擎应该跟踪静态文件，而不是像<p>{{myModel2}}</p>

Answer 1

我认为您可以在 ui-router 像这样解决之前使静态内容可见：

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

使用ui-viewas custom 标签将呈现内部 HTML，而不对其进行任何更改，但是当路由解析时，此内容将替换为实际的路由模板。