如何在custom指令中使表达式可计算？ （angularjs）

Question

我有一个自定义指令：

<custom-directive style='height: {{window.innerHeight + "px"}}'></custom-directive>

myApp.directive('customDirective', function(){
        return {
            restrict: 'E',
            templateUrl: '/views/controls/customTemplate.html'
        };
});

因此，表达式style='height: {{window.innerWidth + "px"}}'不起作用。应用程序只是忽略它。如何使它工作？

Answer 1

在指令中写一个链接函数，你将获得指令元素as和参数用来改变元素的css。

如果你想改变指令文字的颜色就像这样 -

link: function(scope, elem, attr) {
   elem.css('color','red');
}

<强> Diective      

    myApp.directive('customDirective', function(){
            return {
                restrict: 'E',
                templateUrl: '/views/controls/customTemplate.html',
                link: function(scope, elem, attr) {
                        elem.css('color','red');
                }
            };
    });