是否有一种 ng-placeholder 或类似的东西?
我想放置一个默认占位符,它是 Risk
,这是一个计算输入的输入,有时计算持续 2 秒,所以我想删除那个 Risk
占位符并将加载器/微调器放在那里。我是这样的
<div>
<div>
<span ng-show="betLoader"><div class="spinner"></div></span>
<div ng-show="!betLoader">Win</div>
</div>
<input placeholder="Risk"
ng-model="parlayData.win">
</div>
我有一个 $scope
变量 betLoader
,当它为 true
时,加载器/微调器出现,当它为 false 时,div
出现 Win 字样。我想做同样的事情,但不在那里,我想在带有占位符 Risk 的输入中执行此操作,当 betLoader
为真时,然后隐藏 Risk 单词。
你有什么建议?
编辑
考虑到微调器位于 div
类 spinner
中。因此,我需要将该微调器放入输入中。
最佳答案
您可以直接在占位符属性中直接使用插值 {{}}
指令。
标记
<input placeholder="{{betLoader ? 'Risk': ''}}" ng-model="parlayData.win">
更新
要更新微调器内容,您可以在那里使用 ng-bind-html
。
HTML
<div>
<div ng-bind-html="betLoader ? '<span class="spinner"></span>': 'Win'"><div class="spinner"></div></span>
<div ng-show="!betLoader">Win</div>
</div>
关于javascript - 在 Angular 中使用占位符,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30943445/