Как сделать прелоадер для input?

Question

Как сделать прелоадер для input?

Рейтинг: 0Ответов: 1Опубликовано: 27.04.2015

Есть обычный input:

<input type="submit" class="btn pull-right" value="Add">

Как сделать прелоадер для input, чтобы показывался div:

<div ng-show="!AILoading" class="name"></div>

css html angularjs

Источник: Stack Overflow на русском

Answer 1

▲ 2Принят

Может как-то так:

angular
  .module('App', ['ngActivityIndicator'])
  .controller('MainCtrl', ['$activityIndicator', '$scope', MainCtrl]);

function MainCtrl($activityIndicator, $scope) {
  $scope.start = function() {
    $activityIndicator.startAnimating();
  };

  $scope.stop = function() {
    $activityIndicator.stopAnimating();
  };
}

<div ng-app="App">
  <div ng-controller="MainCtrl" class="ng-scope">
    <div ng-show="AILoading">Loading...</div>
    <div ng-show="!AILoading">
      <input name="myinput" value="myvalue">
    </div>
    <a href="" class="btn" ng-click="start()">Start</a>
    <a href="" class="btn" ng-click="stop()">Stop</a>
  </div>
</div>

Как сделать прелоадер для input?

Ответы