默认ng-disabled else显示另一个按钮

时间:2015-11-04 11:59:45

标签: angularjs

我对Angularjs有点新意。我已经实现了以下内容。

<textarea ng-model='message' name='input_message'> 

<input type='button' name="sub_message" class='submit-btn' ng-disabled='!message' />

以上工作正常。它的作用是禁用按钮,直到上面的textarea中输入了某些内容。我想要实现的是,默认情况下它应该显示另一个按钮,如下所示:

<input type='button' name="like_message" class='submit-btn' /> 

但是如果有人开始在textarea中输入一些输入,则下面的按钮应该再次激活。

<input type='button' name="sub_message" class='submit-btn' ng-disabled='!message' />

2 个答案:

答案 0 :(得分:2)

这是你的目标行为

<textarea ng-model='message' ng-change="initialstate=false" ng-init="initialstate = true">
</textarea>

<input type='button' name="sub_message" value="submit" ng-if="message" />
<input type='button' name="like_message" value="like" ng-if="!message" />

plunker

答案 1 :(得分:0)

你的问题并不完全清楚,但听起来你希望另一个按钮在另一个按钮出现时立即出现:如果我看过一个,那就是ng-if

<input type='button' ng-if="message" name="like_message" class='submit-btn' />