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

Question

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

我希望用户看到静态HTML，服务器端渲染将返回它，加载角度时，用你的路由器模板更改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-view作为自定义标记将呈现内部HTML而不对其进行任何更改，但是当解析路由时，此内容将替换为实际路由模板。