Javascript 角度：将函数应用于html变量

我希望通过以下代码为按钮提供覆盖：

<div id="overlay" ng-if="vm.showOverlay">{{control}}</div>
<button ng-mouseover="vm.showOverlay = true" ng-mouseleave="vm.showOverlay = false" class="btn" ng-class="{classWhite: control.values.value1, classRed: control.values.value2, classOrange: control.values.value3}" ng-click="colorChange(control)"></button>

获取要显示的值。在{{}插槽中插入函数不起作用；我可以怎样做呢？

我（临时）通过在每次更改时添加一个我管理的变量状态来管理它：

var newValue={
            id: i,
                name: impianto,
            state: translateState(oldStatus),
            values:{
                value1: oldStatus==0,
                        value2: oldStatus==1,
                        value3: oldStatus==2
            }
        }

以这种方式使用：

<div id="overlay" ng-if="vm.showOverlay">{{control.state}}</div>

{{control.state}

很粗糙，但很有效

var newValue={
            id: i,
                name: impianto,
            state: translateState(oldStatus),
            values:{
                value1: oldStatus==0,
                        value2: oldStatus==1,
                        value3: oldStatus==2
            }
        }

<div id="overlay" ng-if="vm.showOverlay">{{control.state}}</div>