Angularjs，加载angular时替换html内容

Question

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

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