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

Question

我正在制作一个有角度的js应用程序来记录锻炼。

当我按下日志锻炼按钮时，会弹出一个带有输入字段的模式来记录训练。

我想做的是有一个下拉指定的锻炼类型，并有以下的输入字段变化取决于我选择的锻炼类型。

例如：

如果我从下拉列表中选择"run“，我希望这些字段出现:开始时间:结束时间:英里：

但是，如果我选择“权重”，我希望这些字段出现:权重:集数:集合1:集2：

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

Answer 1

你将需要为这个目的显示纳克-隐藏。

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

这里有一个用于参考http://jsfiddle.net/EZbfM/的小提琴示例

Answer 2

基本上你想调查一下纳克秀和纳-皮。在选择您的锻炼类型之后，您将需要在所有相关控件上显示一个ng-显示表达式，当所选的锻炼类型使该控件适用时，该表达式的计算结果为true。

https://docs.angularjs.org/api/ng/directive/ngShow