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

Question

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

我希望用户看到服务器端渲染将返回它的静态html，并且当加载角度时，用ur路由器模板更改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路由器解决这样的：

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

使用ui-view为自定义标记将会呈现内部HTML，而不会对其进行任何更改，但是在解析路由时，此内容将替换为实际的路由模板。