如何从angularjs渲染DOM对象？

我正在通过javascript创建DOM对象，我希望它通过angularjs进行渲染，但它的显示方式类似于[object HtmlLevel]

但在浏览器控制台中

但它看起来像

.directive（'attachmentify'[
函数（）{
返回{
限制：“A”，
范围：{
项目：“@filename”
},
模板：“”，
编译：函数（IELENT、iAttrs）{
返回函数（$scope、element、attr）{
var文件=$scope.item；
//console.log
//$scope.file=文件；
}
},
控制器：功能（$scope）{
var img=['jpg'，'jpeg'，'png']；
var c=0；
img.forEach（函数（元素、索引）{
如果（$Simult.item）EnssFas（元素）C++；
});
如果（c）{
var div=document.createElement（'div'）；
div.setAttribute（'name'，'samundra'）
div.innerHTML=“ram”
}否则{
var div=document.createElement（'div'）；
div.setAttribute（'name'，'ramundra'）
div.innerHTML=“sam”
}
$scope.content=div；
控制台日志（div）；
}
}
}

---

])

在控制器中，您可以将$scope.content设置为html，而不是分配DOM元素实例

$scope.content="<div name='ramundra'>ram></div>";

$scope.content=“ram>”；

如何在一个div中实现同样的功能？如何将对象绑定到div的内部HTML。

$scope.content="<div name='ramundra'>ram></div>";