javascript - 在 Angular 中使用占位符

Question

是否有一种 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 中。因此，我需要将该微调器放入输入中。

Answer 1

您可以直接在占位符属性中直接使用插值 {{}} 指令。

标记

<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>