binding.html 1019 B

12345678910111213141516171819202122232425262728
  1. <!doctype html>
  2. <html ng-app="testApp">
  3. <head>
  4. <title>Test</title>
  5. <link rel="stylesheet" href="/bower_components/ladda/dist/ladda-themeless.min.css">
  6. <link rel="stylesheet" href="/bower_components/bootstrap/dist/css/bootstrap.css">
  7. <script src="/bower_components/ladda/dist/spin.min.js"></script>
  8. <script src="/bower_components/ladda/dist/ladda.min.js"></script>
  9. <script src="/bower_components/angular/angular.js"></script>
  10. <script src="/dist/angular-ladda.min.js"></script>
  11. <script>
  12. angular.module('testApp', ['angular-ladda'])
  13. .config(function (laddaProvider) {
  14. })
  15. .controller('TestController', ['$scope', function($scope) {
  16. $scope.$rows = [{ id:1 }, { id:2 }];
  17. $scope.loader1 = true;
  18. }]);
  19. </script>
  20. </head>
  21. <body ng-controller="TestController">
  22. <div ng-repeat="row in $rows">
  23. <button ladda="loader{{ row.id }}" id="loader{{ row.id }}" class="btn btn-primary">Action</button>
  24. </div>
  25. </body>
  26. </html>