gpt4 book ai didi

javascript - ng 类条件改变但不应用新样式

转载 作者:太空宇宙 更新时间:2023-11-03 19:56:23 25 4
gpt4 key购买 nike

我正在尝试根据 ng-class 的条件更改 Ionic 应用程序的 Pane 的背景,如下所示。手动更改代码中的条件并刷新服务页面效果很好。从输入更改条件不起作用。由于我使用的是 native Angular Directive(指令),我猜摘要循环应该自动运行?这可能是什么问题?

<body ng-app="starter" >

<ion-pane ng-controller= "CardsCtrl" ng-class = " 1 < {{hello || 0}} ?'background1':'background2'">
<ion-header-bar class="bar-stable">
<h1 class="title">Ionic Blank Starter</h1>
</ion-header-bar>
<ion-content scroll = "false">
<div class = "item item-input">
<input type="number" name="" placeholder="Do sometthing awesome Fitz!" ng-model = "hello">
</div>

//Checking ng-model binding here
{{hello}}


</ion-content>
</ion-pane>
</body>

最佳答案

您可以提供表示对象、数组或字符串的表达式,也可以直接向 ngClass 提供对象或数组。

看起来您想要使用一个对象。

这是一个对象,当hello大于0时,将应用类“background1”,当hello小于等于0时,将应用“background2”被应用

ng-class="{background1: hello > 0, background2: hello <= 0}"

关于javascript - ng 类条件改变但不应用新样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41369437/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com