指令在Popup Angular中不起作用

Question

我创建了一个角度指令。

我的指令的目标是更改正在单击的按钮的文本。

我的问题是我的指令正在处理第一个/主页面的所有按钮，但是当我在<div ui-view></div>中显示一个带有此指令的按钮的弹出窗口时，它不起作用。< / p>

app.directive('callbutton', function() {
    return {
        restrict: 'E',
        replace: true,
        transclude: true,
        template: '<button type="button" class="btn btn-block btn-lg btn-success"><i class="fa fa-phone"></i> Call</button>',
        link: function(scope, elem, attrs) {
            elem.bind("click", function{
                elem.text('other text');
            })
        }
    }
});

提前致谢。