angularjs中的Ng-show不支持span

我在Angularjs中遇到了ng-show的问题。我有一个文本框，用户可以在其中输入服务器的主机名。输入此信息后，服务器的主机名将被发送到后端系统，后端系统将验证服务器是否存在。我目前正在使用bootstrap，字体awesome和angularjs在我的文本框中显示一个加载图标。当我收到来自服务器的响应时，我将isLoaded变量更改为true，并期望加载图标停止显示。然而，这并没有发生。无论图标第一次设置为什么状态，它都不会改变。

这是我问题的简化版本。活塞链接此处

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

角代码:

angular
  .module('test',[])
  .controller('TestController',TestController);
function TestController() {
  var testVm = this;
  testVm.turnOn = turnOn;
  testVm.turnOff = turnOff;
  testVm.state = false;
  function turnOn() {
    testVm.state = true;
  }
  function turnOff() {
    testVm.state = false;
  }

任何帮助都是感激的。谢谢。