javascript - 使用 ng-change Angular 隐藏元素

Question

我想用 ng-change 或任何你建议的形式显示/隐藏元素。这是我的 html:

<div ng-app ng-controller="Controller">
    <select ng-model="myDropDown" ng-change="changeState(0)">
          <option value="one">One</option>
          <option value="two">Two</option>
    </select>

    <div class="row-container">
        first One
        <span class="sp-right">       
            <label>
                1
            </label>
        </span>
        <span class="sp-left">
        <input type="text">
        </span>


    <div class="row-container">
        second One
        <span class="sp-right">       
            <label>
                2
            </label>
        </span>
        <span class="sp-left">
        <input type="text">
        </span>  

例如，当用户点击选项 1 时，我想显示第一个。
<强> Fiddle

Answer 1

无需ng-change，只需使用ng-if(或ng-show)来检查模型的状态:

<div class="row-container" ng-if="myDropDown == 'one'">

<div class="row-container" ng-if="myDropDown == 'two'">

Fiddle (带有正确的结束标签，以便它真正起作用)。