css - Controller 中的 ng 风格语法

标签 css angularjs

我的 html 中有这一行,我希望能够从 Controller 更改样式

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

我为 Controller 定义了一个类,但我似乎无法获得正确的语法来更改元素的样式。这是我到目前为止所拥有的:

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

我收到 : 错误,其中显示应为 ;

最佳答案

我认为应该是:

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

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

关于css - Controller 中的 ng 风格语法,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41723291/

相关文章:

javascript - 根据 Name 属性的值更改背景颜色

javascript - 使用 Angularjs 突出显示包含特定项目的行

javascript - 什么有助于将输入的数据以 HTML 形式存储在后端页面上?

javascript - 如何使用 AngularJS 从自定义 URL 获取字体?

html - 我们是否仍应使用 EM 来实现可访问性?

css - 使用 PNG 淡入淡出文本

javascript - 缩小 HTML、CSS 和 Javascript 是个坏主意吗?

javascript - 使用 Angular js中的服务更新范围变量

javascript - Angularjs - 范围的变化没有反射(reflect)出来

html - 根据其他 div 宽度调整 div 宽度