Question

因为我试图使用promise在angularjs中创建html5目录函数。但它显示错误，因为承诺没有定义。

Angular文件： -

$scope.createDirectory = function(dirName,dirLocation){
        fileManager.createDirectory(dirName,dirLocation)
        .then(function(data){
            console.log(data, "dir created");
        }).fail(function(err){
            console.log(err,"dir err while creating");
        });
    };

JS文件： -

var fileManager = {
createDirectory: function(directoryName,dirLocation){
                    var makePromise = new Promise(function(resolve, reject){
                        dirLocation.getDirectory(directoryName, {create: true, exclusive: false}, function(data){
                            resolve(data);
                        }, function(error){
                            reject(error);
                        });
                    });
                    return makePromise;
                }
}

TypeError: fileManager.createDirectory(...).then(...).fail is not a function
at h.$scope.createDirectory (app.js:60)
at angular.min.js:196
at f (angular.min.js:224)
at h.$eval (angular.min.js:123)
at h.$apply (angular.min.js:123)
at HTMLButtonElement.<anonymous> (angular.min.js:224)
at HTMLButtonElement.c (angular.min.js:32)

如何正确创建promise并将其绑定到angular函数。我用过捕获而不是失败它有效。如何为this

等所有失败函数创建自定义错误回调

Answer 1

promise中有拼写错误，应为new Promise。虽然我建议您使用$q代替Promise。

使用$q代替Promise对象的优点是，您的代码将是角度上下文＆amp;你不需要关心手动运行摘要周期。如果您使用Promise，那么您需要手动运行摘要周期（因为Promise将是本机异步JS函数，被认为是角度的外部世界。）

createDirectory: function(directoryName, dirLocation) {
    var makePromise = $q(function(resolve, reject) {
        dirLocation.getDirectory(directoryName, {
            create: true,
            exclusive: false
        }, function(data) {
            resolve(data);
        }, function(error) {
            reject(error);
        });
    });
    return makePromise;
};

<强>更新

.fail对象无法使用

$q功能，您需要将fileManager.createDirectory功能代码调用更改为以下内容。

$scope.createDirectory = function(dirName,dirLocation){
    fileManager.createDirectory(dirName,dirLocation)
    .then(function(data){ //success callback
        console.log(data, "dir created");
    }, function(err){ //error callback
        console.log(err,"dir err while creating");
    });
};

Promise创建自定义失败不是函数Angularjs错误吗？

1 个答案: