ng-show в angularjs не работает на промежутке

Question

У меня возникла проблема с ng-show в Angularjs. У меня есть текстовое поле, в котором пользователь может ввести имя хоста сервера. При вводе этой информации имя хоста сервера отправляется в бэкэнд-систему, которая проверяет наличие сервера или нет. В настоящее время я показываю значок загрузки в своем текстовом поле, используя bootstrap, font awesome и angularjs. Когда я получаю ответ от сервера, я изменяю переменную isLoaded равным true, и я ожидаю, что значок загрузки перестанет отображаться. Однако этого не происходит. Независимо от того, в каком состоянии установлен значок, он никогда не изменяется после этого.

Вот упрощенная версия моей проблемы. Plunker Link Here

HTML

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

Любая помощь приветствуется. Благодарю.

Answer 1

Вы используете ng-show неправильный путь. Вам не нужны двойные фигурные скобки, потому что вы не оцениваете строковое значение переменной.

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

Fixed plunker