控制器

Question

我在html中有这一行，我希望能够从controller

更改样式

<i class="fa fa-caret-left fa-2x" ng-click="$ctrl.decrementPage()" ng-style="leftArrow()" aria-hidden="true"></i> 

我有一个为控制器定义的类，但我似乎无法正确地改变元素的样式。这就是我到目前为止所做的：

public leftArrow = () => {
        'color': '#0095FF',
        'cursor': 'pointer'
}

我在:收到错误消息时说;。

Answer 1

我认为应该是：

leftArrow = function() {
    return {
        'color': '#0095FF',
        'cursor': 'pointer'
   }
}

<i ng-click="$ctrl.decrementPage()" ng-style="$ctrl.leftArrow()"></i> 

Answer 2

当前ECMAScript 6 specification中不存在

private，public或protected个关键字。如果您正在使用ES6，那就是抛出错误。

leftArrow = {
    'color': '#0095FF',
    'cursor': 'pointer'
};

<强> HTML

ng-style="$ctrl.leftArrow"

Answer 3

使用变量leftArrow，而不是函数

 $scope.leftArrow={
    'color': '#0095FF',
    'cursor': 'pointer'
 }
 ...
 ng-style="leftArrow"