Angualrjs控制器中innerHTML直接添加一个img表签，为什么ng-src不好使，只有srcc才好使，有办法让ng-src也好使吗？

[Mickey_于浩]

具体问题如下：

html 代码： <div id="div"></div>

conroller.js 代码：
var div = document.getElementById('div');
div.innerHTML = '<img ng-src="1.jpg">';

这样就无法显示1.jpg, 如果是ng-src="1.jpg"，就可以显示，这是为什么？

[Mickey_于浩]

[functionsub]

var scope = $rootScope.$new(); // new个scope出来
var tpl = '<img ng-src="1.jpg" />';
var $ = angular.element;
var elem = $( tpl);
$compile(elem)(scope); // 把scope代入进去编译这个节点
$(div).append(tpl);

controller增加一个依赖 ：$compile

[Mickey_于浩]

$(div)里面的div是document.getElementById('div')还是div元素啊 为什么我用都不好使啊

[functionsub]

因为你少了编译那一步啊，一般你写在页面上的ng-src指令都是经过angular的自动编译了，但是像你这样强行插一段html进页面里，是不会自动编译的。

[Mickey_于浩]

好吧，，谢谢你，那就是不能这么用是吗？