Question

我试图在pane条件下更改Ionic app的ng-class背景，如下所示。手动更改代码中的条件并刷新服务页面可以正常工作。从输入改变条件不起作用。因为我使用原生角度指令我猜测摘要循环应该自动运行？这可能是什么问题？

<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>

Answer 1

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

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

当hello大于0时，这是一个对象＆＃34; background1＆＃34;当hello小于或等于0时，将应用＆＃34; background2＆＃34;将被应用

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

Answer 2

更改

`ng-class =＆＃34; 1＆lt; {{你好|| 0}}？＆＃39; background1＆＃39;：＆＃39; background2＆＃39;＆＃34;

到

ng-class=" 1 < hello || 0 ?'background1':'background2'"

您不需要在此处使用{{}}插值运算符。

ng-class条件改变但不适用新风格

2 个答案: