我想使用Angular 1指令为各种用例生成静态html。例如:
<div>
Name: <span ng-bind="name"></span>
</div>
<div ng-if="phone">
Phone: <span ng-bind="phone"></span>
</div>
给{name: "John"}
作为$scope
应该生成以下html:
<div>
Name: <span>John</span>
</div>
注意没有角度指令和角度ng-if注释。 Angular 1有可能是这样的吗?
更新:我想使用angular的模板引擎来生成静态的,非交互式的html。想想下划线模板或服务器端模板引擎。用例是生成用户可以带入他自己的非角度应用程序的html片段。另一个用例是从角度模板组装静态html电子邮件。所有这一切都没有服务器端。 Angular已经让你这样做但是它将所有的工件留在html中,这显然是我的用例所不需要的。这并不像一些评论者所说的那样低效,这实际上非常有效,能够生成没有服务器端的html并利用已经强大的角度模板引擎。
Angular不是为了做到这一点而设计的,因为它不是一个模板引擎,它远不止于此。
没有内置的方法来实现这一目标。你最好的选择是剥离所有ng
属性,角度类和角度注释,也可能是一些元素。我个人不会这样做。