如何使表达式在自定义指令中可计算？(安古拉杰)

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

在指令中编写一个链接函数，其中您将获得指令元素，并使用它作为参数来更改元素的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');
                }
            };
    });