Angular 中手工动态插入的 html，如何能让 angular 解析 ng 标签以及$scope 变量等动态内容
chairuosen · 2014-12-03 17:23:00 +08:00 · 12804 次点击这是一个创建于 3647 天前的主题，其中的信息可能已经有所发展或是发生改变。
我知道手动插入html违反angular模式，被迫如此是因为Html模板中模块的顺序是由数据顺序决定(附1)，非简单的ng-repeat可以解决(问题1)，所以决定把他放在服务端来拼。
但是拼起的html用ng-bind-html插入页面后，html中的angular标签或者{{content}}都不起作用了。如何能够让其被重新解析一遍(问题2)？
---
求解 问题1 || 问题2
附1：数据是类似`[{type:3},{type:1},{type:3}]`要求输出`<div type=3></div><div type=1></div><div type=2></div>`
但是拼起的html用ng-bind-html插入页面后，html中的angular标签或者{{content}}都不起作用了。如何能够让其被重新解析一遍(问题2)？
---
求解 问题1 || 问题2
附1：数据是类似`[{type:3},{type:1},{type:3}]`要求输出`<div type=3></div><div type=1></div><div type=2></div>`
 |
1
ZackYang 2014-12-03 17:45:09 +08:00
$compile
|
 |
2
sd4399340 2014-12-03 20:12:00 +08:00 via iPhone
确实不符合angular的实践，建议用directive 封起来
|
 |
3
EPr2hh6LADQWqRVH 2014-12-03 20:19:40 +08:00
我记得跟$sce有关
|
 |
4
phyng 2014-12-03 20:22:55 +08:00 via Android
$compile($(#id))($scope)
|
 |
5
chairuosen OP |
|
6
phyng 2014-12-03 23:26:37 +08:00
@chairuosen 最近经常用，有个问题我一直没解决，就是填充ng-bind-html之后立刻执行$compile是无效的，我是用$timeout延时100ms再$compile实现= =
|
 |
7
p2p 2014-12-03 23:48:42 +08:00 via iPhone
用 directive
|
|
8
chairuosen OP @phyng 因为ng-bind是类似setTimeout(checkAllBindingItem,1);这样一种实现
|
Select Language