当前位置: 首页 > 面试题库 >

ng级一次绑定

田信然
2023-03-14
问题内容

我想知道是否可能有一个ng类,其中class一度绑定,并且每个摘要周期评估一次class。

<div ng-class="{'one_time_binded_class': isMonkey(), 'not_one_time_binded_class': isUnicorn()}"></div>

我知道我可以一次绑定完整的ng-class,ng-class="::{...}" 但是我需要一次绑定一个特定的表达式

当然,这是行不通的:

<div ng-class="{'my_static_class': ::isMonkey(), 'my_dynamic_class': isUnicorn()}"></div>

有办法吗?


问题答案:

方法1:

class="some-class {{::expression ? 'my-class' : ''}}"

方法2:

ng-class="::{'my-class': expression}"


 类似资料:
  • 问题内容: 我的理解是,在下面的代码中,两个绑定只会 延迟地绑定一次 : 但是,在以下情况下 每个摘要 都会更新吗? 而 如何一次性约束力嵌套的小号? 问题答案: 方案1: 这两个表达式都是一次性的。添加项目或更改现有项目的名称将不会反映出来。 演示: http : //plnkr.co/edit/53r8FCmcNKNK4MmM6Uzxp2?p=preview 方案2: 第一个表达式将是一次性的

  • 必须这样做真的,真的很愚蠢: 我相信这会给我4美元的观察者...所以我正在寻找一个替代方案来避免像那样愚蠢。

  • 问题内容: angular js中的“ ng-bind”和“一次性绑定”有什么区别? 如果有任何区别,我应该在哪里使用它们? 问题答案: 双向数据绑定 AngularJS中的双向数据绑定意味着将数据从模型绑定到视图,反之亦然(数据从范围/控制器流到视图,再从视图流到范围/控制器)。“ NG-模型 ”是用于实现双向数据绑定的角指令。无论范围是否要求更新数据,对范围/控制器对该模型的任何修改都将自动传

  • 问题内容: 我有这个reprohttp://embed.plnkr.co/nVCmukG5abpi1Y4ZHkrq,当我单击“ Title3”并在文本框中输入一个值时显示,尽管输入的值显示在UI中,当我单击“单击”按钮时,什么也没有绑定到范围属性$ scope.test。 我不知道ng-switch有什么问题,或者我做错了什么。帮助表示赞赏!!! http://embed.plnkr.co/nVC

  • 问题内容: 我遵循Presentation Model模式对一些屏幕进行编码。 我把一些豆子放在一个 我将在中显示此列表的内容,这要归功于 我还想同时在组合框(以表单的形式)中显示此列表中的 某些记录* , 并同时 在JList中显示 其他 记录。 *** 这三个屏幕(及其模型)彼此独立 如何管理在我的列表中添加{一个或多个} /删除{一个或多个}并在各处实时查看更改? 我将要编写自己的Obser

  • 我有以下数组: 我有一个select,只想在所选对象的code属性上绑定ng模型,而不是整个对象。但另一方面,我希望我的select只显示名称(而不是代码)。此外,我希望如果我将ng模型设置为代码,它将在选择中预先选择名称。 我试了以下方法(Jade) 在这里,我的ng模型获取整个对象(myCountry={code:"AF",名称:"阿富汗"}),而不仅仅是代码(myCountry="AF")