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

Question

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

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

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

例如:

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

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

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

Answer 1

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

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

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