在模板语句中使用条件运算符

时间:2017-01-02 12:08:42

标签: angular angular2-template

在此代码中,我尝试更改元素的<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <select id="myArea"> <option class="myClass_1" style="color:red;" value="1">Area 1</option> <option class="myClass_2" style="color:green;" value="2">Area 2</option> <option class="myClass_1" style="color:red;" value="3">Area 3</option> <option class="myClass_1" style="color:red;" value="4">Area 4</option> </select>属性。当我第一次点击元素 one 时,一切正常 - 元素翻译。当我再次点击它时没有任何变化。我错过了什么?

transform

1 个答案:

答案 0 :(得分:1)

为什么这是第一次工作

  • 因为第一次假设Rails.application.routes.draw do devise_for :users get 'pages/index' get 'pages/show' get 'home/index' root 'pages#index' get 'pages/show' get 'home/index' root 'home#index' namespace :connection do get '/',action:'index' end end为FALSE,那么它将运行条件two.style.transform == 'translate(-100vh)'

为什么这不能再次工作

  • 因为第二次条件translate(-100vh)再次为假,那么它将再次运行相同的条件two.style.transform == 'translate(-100vh)',因此没有效果显示

为了更好地发挥作用,请运行以下示例

translate(-100vh)