angularjs - Angular 4 ng-show

Question

我需要根据下拉列表中选择的值隐藏和显示一个文本框。

这已经在 Angular 1 中完成，但是如何在 Angular 4 中完成。

<div ng-app ng-controller="Controller">
    <select ng-model="myDropDown">
          <option value="one">One</option>
          <option value="two">Two</option>
          <option value="three">Three</option>
    </select>

    <input ng-show="myDropDown=='two'" type="text">
</div>


function Controller ($scope) {
    $scope.myDropDown = 'one';
}

拨弄 Angular 1

标签： angularjsangularangularjs-directive

Answer 1

您可以使用[hidden]

[hidden]="myDropDown !=='two'"

堆栈闪电战演示