angularjs - Angular 4 ng-show

标签 angularjs angular angularjs-directive

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

这已经在 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';
}

Fiddle in Angular 1

最佳答案

你可以使用[hidden]

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

STACKBLITZ DEMO

关于angularjs - Angular 4 ng-show,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50679774/

相关文章:

javascript - Angular JS ng-options 返回 "? object:005 ?"

javascript - AngularJS $scope 在 javascript 中更新但在 html 中不更新

angular - 如果禁用,Scss 会更改 mat-checkbox 的颜色

javascript - 将全局样式应用于选定的类

javascript - 嵌套子指令根元素如何在父指令根元素的同一级别工作?

java - spring 中对/oauth/token 的选项请求未授权 401

angularjs - 当 angularjs ui 路由器中的状态处于离开/激活状态时,不会调用 onEnter 和 onExit

javascript - Angular 6 按键从可观察到的 JSON 排序

angularjs - 什么是 ng-transinclude?

javascript - Angular 指令 - Attr 中的嵌套对象