javascript - AngularJS:ngClass的格式

标签 javascript angularjs ng-class

我正在学习 AngularJS,我看到标签“li”与具有“{marked: nav.estoy ('/')}”值的 ngClass 指令相关联。 我的问题是为什么括号内的值是x:y的形式。我是说“nav.estoy('/')是在controller方法中定义的但是不明白为什么这个响应方法是“:”

<body ng-app="app">
<nav ng-controller="navCtrl as nav">
    <ul>
        <li ng-class="{marcado: nav.estoy('/')}">
            <a href="#/">Datos personales</a>
        </li>
    </ul>
</nav>

...

最佳答案

ng-class 可以将对象作为参数:angularjs doc

对象的键是要应用的类名,对象的值是将评估 truthy 或 falsey 的表达式。在这种情况下,它表示如果 nav.estoy('/') 返回 true,将应用 marcado 类,但它可以很容易地具有多个键和多个类如果值评估为真(非零、非空),则应用。

祝你好运!

关于javascript - AngularJS:ngClass的格式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39176961/

相关文章:

javascript - 如何使用 jquery jplayer 的视频 url 创建缩略图

django - 为什么 Django 和 AngularJS 在实现小部件/指令时不遵循它们的 MVC 模式?

angular - 我怎样才能同时使用 : map & array in [ngClass] in angular 4?

angularjs - 将 Pug 和 SCSS 与 Angular (ng-model) 一起使用

javascript - 如何从 ng-repeat 表达式中更新父作用域变量?

javascript - 用户脚本是否适用于本地主机 html 文件

Javascript - 字符串替换为多个字符串

javascript - 如何在 mxgraph 中插入没有背景的图像

javascript - 使用 ng-repeat 为特定记录动态数据的按钮切换

javascript - angularjs 中有类似 jQuery.active 的东西吗?