Css 带指令的角度js dom操作

我试图使用angular指令动态替换页面portlet的html部分

HTMLportlet中嵌入了两个部分。顶部有从不同后端服务获取的标题

<div class="headerdiv">
<h3 class='headerclass'> <a href="">Object Heading</a> </h3>
</div>

---

我需要使用object.title值动态更改headerdiv中的标题。请注意，新指令绑定到正在侦听object.title div的字段。

我认为这不是指令的正确用法，因为在大多数情况下，该指令应用于影响其定义的元素的功能

您可以尝试在

ObjectCtrl

中定义一个watch on title属性，然后广播消息

$scope.$watch('object.title',function(newValue) {
   $rootScope.$broadcast('titleChanged',newValue);  //You can pass any object too
});

如果标头包含在控制器中，则捕获事件

$scope.$on('titleChanged',function(args) {
    //Code to handle the title update
});

标题的html应该具有标题的绑定表达式

<div class="headerdiv">
<h3 class='headerclass'> <a href="">{{title}}</a> </h3>
</div>

注意：我不确定html的结构，但如果

ObjectCtrl

中的标题和内容使用相同的\shared模型（对象），则不需要这些

$scope.$on('titleChanged',function(args) {
    //Code to handle the title update
});

<div class="headerdiv">
<h3 class='headerclass'> <a href="">{{title}}</a> </h3>
</div>