angularjs ngupload如何显示加载器

时间:2014-01-21 20:51:30

标签: angularjs angularjs-directive angular-ui

http://ng-upload.eu01.aws.af.cm/

如果你运行第一个例子

你可以看到一个简单的装载机

请等一下......

但我没有找到一种方法来集成代码示例

<form ng-upload="bar" action="/upload?delay=yes">
                <p>
                    <label>Select a file to upload:</label>
                    <input type="file" name="file" />
                </p>
                <p>
                    <input type="submit" class="btn upload-submit" value="Submit" />
                    <br />
                    <i>Button is <b>disabled</b> during upload, by default. (See Example 2 to change this).</i>
                </p>
            </form>
            <div class="alert alert-info">Server Response: {{uploadResponse}}</div>

var app = angular.module('ngUploadApp', ['ngUpload']);
        app.controller('Example1Ctrl', function ($scope) {
            $scope.foo = "Hello World";
            $scope.bar = function (content) {
                console.log(content);
                $scope.uploadResponse = content;
            }
        });
在萤火虫中我可以看到

请等一下......

ng-upl ... s.af.cm(第167行)

“8d5deaa692b62b04771df8dc7357f797.jpg”于2014年1月21日星期二20:45:32 GMT + 0000(UTC)上传到服务器

但我不明白其背后的逻辑:(

可能是服务器得到两个响应但看起来很奇怪。

请帮帮我吗?

0 个答案:

没有答案