Question

我在Angularjs面临ng-show的问题。我有一个文本框，用户可以在其中输入服务器的主机名。输入此信息后，服务器的主机名将发送到后端系统，后端系统将验证服务器是否存在。我目前正在使用bootstrap，font awesome和angularjs在我的文本框中显示加载图标。当我从服务器收到响应时，我将isLoaded变量更改为true，我希望加载图标停止显示。但是，这不会发生。无论图标首先设置为何种状态，它都不会在此之后发生变化。

这是我的问题的简化版本。 Plunker Link Here

HTML

"//*[class='myclass']"

Angular Code：

<form>
        <div class="form-group has-feedback">
          <label for="server">Server:</label>
          <input type="text" id="server" class="form-control" placeholder="server host name">
          <span ng-show="{{testVm.state}}" class="fa fa-spinner fa-spin form-control-feedback" aria-hidden="true"></span>          
          <button class="btn btn-primary" ng-click="testVm.turnOn()">Activate</button>
          <button class="btn btn-primary" ng-click="testVm.turnOff()">Deactivate</button>
        </div>
      </form>

感谢任何帮助。感谢。

Answer 1

您正在以错误的方式使用ng-show。您不需要双花括号，因为您没有评估变量的字符串值。

<span ng-show="testVm.state" class="fa fa-spinner fa-spin form-control-feedback" aria-hidden="true"></span>

Fixed plunker

在angularjs中的ng-show不在span上工作

1 个答案: