angularjs api文档_angularjs loading加载效果示例

下面给出一个简单示例:

   
   


    点击按键
    <script src="/ajax/libs/angularjs/1.2.0/angular.min.js"></script>
 
    <script src="/angular-loading-bar/src/loading-bar.js"></script>
   
    <script>
        angular.module("myApp", ["chieffancypants.loadingBar"])
 
            .controller("testCtrl", function($scope, $http){
                var config = {
                    url: "/test.php",
                    method: "get"
                };
                $http(config).success(function(data){
                    alert(data);
                })
 
                $scope.tt = function(){
                    $http(config).success(function(data){
                    alert(data);
                })
                }
            })
    </script>

php的test.php中代码如下

sleep(3);
echo "3";

可以看到这个插件确实比较好，在每次发出$http请求的时候，上面就能看到加载进度条。

angularjs api文档_angularjs loading加载效果示例

http://m.bbyears.com/wangyezhizuo/72289.html

推荐访问:angularjs2 angularjs下载 angularjs自定义指令 angularjs和vue的区别