是否可以在ngClass上使用if else / if?

时间:2018-08-20 23:52:54

标签: javascript angular typescript conditional-operator

示例如下:

[ngClass]="condition1 ? 'class1' : condition2 ? 'class2' : ''"

3 个答案:

答案 0 :(得分:2)

现在是现在。在Angular 1.0(现在为AngularJS)的最初几年中,不支持该惯用语,并且可能仍然有一些旧文档围绕着该缺点进行引用。

答案 1 :(得分:1)

  

是否可以在ngClass的三元运算符中包含else / if?

是的。您的示例应该可以工作。

答案 2 :(得分:0)

此代码运行正常。已经在Angular 8中进行了测试和使用。

    trigger:
        - master
        variables:
          python.version : 3.8.6

        stages:
        - stage: Build
          jobs: 
          - job: Build
            pool:
              name: 'MaitQA'
            #pool:
            #  vmImage: 'windows-latest'   # windows-latest Or windows-2019 ; vs2017-win2016 # https://docs.microsoft.com/en-us/azure/devops/pipelines/agents/hosted?view=azure-devops&tabs=yaml#software # vs2017-win2016

            steps:
              - task: UsePythonVersion@0
                inputs:
                  versionSpec: '$(python.version)'
                displayName: 'Use Python $(python.version)'
                

        - script: 'pip install pytest pytest-azurepipelines ; pytest unit_test/'