javascript - angularjs - 有条件地显示/隐藏输入字段

标签 javascript jquery angularjs input

我正在制作一个 Angular js 应用程序来记录锻炼。

当我点击“记录锻炼”按钮时,会弹出一个模式,其中包含用于记录锻炼的输入字段。

我想要做的是有一个包含指定锻炼类型的下拉菜单,并且下面的输入字段根据我选择的锻炼类型而变化。

例如:

如果我从下拉列表中选择“运行”,我希望显示这些字段: 开始时间: 时间结束: 里程:

但是如果我选择“体重”,我希望显示这些字段: 重量: 套数: 设置 1: 设置2:

你明白了。我如何根据我选择的锻炼来执行此有条件隐藏/显示输入字段?有什么好的资源可以解释这一点吗?

最佳答案

为此,您将需要 ng-show ng-hide。

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

这是一个 fiddle 示例供您引用 http://jsfiddle.net/EZbfM/

关于javascript - angularjs - 有条件地显示/隐藏输入字段,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33001089/

相关文章:

javascript - 绑定(bind)在 Angular 中不起作用

javascript - 与 Videogular 指令交互——如何操作?

javascript - 如何在我的网页上仅运行一次间隔? (jquery)

javascript - 将对象转换为对象数组

javascript - 功能 block 中的“var a”与 'this.a'

javascript - Shift 不是 JavaScript 中的函数

javascript 代码格式化程序和荧光笔

jquery - 在 android 上缩放时更改 div 的尺寸?

javascript - 在此 js 代码片段中使用 break 语句是一种好习惯吗?

javascript - 如何向 ng.Iscope 添加属性?