使用AngularJS添加带模型的标签

我有两个使用ng-show显示/隐藏的文本输入字段，可以使用标签和文本框一起显示吗？使用AngularJS添加带模型的标签

<label>Enter Min Value> 
<input type="text" ng-model="minValue" ng-show="text1"> 
<label> Enter Max Value> 
<input type="text" ng-model="maxValue" ng-show="text2">

当它出现它应该出现文本框和标签。这是可能的angularjs？

在此先感谢！

来源

2017-10-09 KK SK

您可以将标签和输入封装在div中，然后显示/隐藏该div本身。 –

谢谢Mayank Patel先生。你可以请给我一个链接？ –

我将在几分钟内提供小提琴。 –

您可以使用此

<label ng-show="text1">Enter Min Value</label> 
<input type="text" ng-model="minValue" ng-show="text1"> 
<label ng-show="text2"> Enter Max Value</label> 
<input type="text" ng-model="maxValue" ng-show="text2">

来源

2017-10-09 06:01:50 Anks

请给答案写一些解释。 –

非常感谢Shashikant Chauhan先生。它为我工作。 –

按我的理解，你的问题，你可以用标签和文本框到一些HTML元素，让我们说Div。

然后，将您所需的条件应用于该Div本身，就像我在下面的小提琴中所做的那样。

在我已经使用2 Div s条件ng-show="chkCondition=='text1'"和ng-show="chkCondition=='text2'"。

所以当$scope.chkCondition的价值将是'text1'，输入标签最小值和它的文本框会出现，当$scope.chkCondition的价值将是'text2'，标签输入最高值，并将其文本框会出现。

我已经从文本框中删除了条件并将其放在div上。

下面是小提琴链接。

Fiddle link

让我知道，如果这是你需要今非昔比。

来源

2017-10-09 06:38:38

非常感谢！ –

<div ng-show="text1"> 
    <label>Enter Min Value> 
    <input type="text" ng-model="minValue"> 
</div> 
<div ng-show="text2"> 
    <label> Enter Max Value> 
    <input type="text" ng-model="maxValue"> 
</div>

来源

2017-10-09 10:40:58

使用AngularJS添加带模型的标签

回答

相关问题