Angularjs 在HTML中的指令中使用值

我有一个

timelineItem

指令，我这样称呼它：

<div class="activity-header" timeline-item ng-click="vm.toggle();">
    something: {{spinner}}

在指令中的函数中，我有：

function toggleHeightOfItem(timelineItem) {

    spinner = true;

但是

{{spinner}}

绑定没有任何作用。我猜是因为

timelineItem

指令的作用域只是它声明的html元素

---

可以在不同的元素上使用指令中设置的值吗？

您可以使用

服务
进行设置，但是我想将所有内容封装在一个指令中。您是如何定义范围的？在
$rootscope
上初始化一个变量在任何HTML元素上使用它，通过向
$rootscope
注入
$rootscope
来修改
指令
作用域中的变量。您可以创建一个Plunker吗？更容易看出这一切是如何结合在一起的。
function toggleHeightOfItem(timelineItem) {

    spinner = true;