angular.js - controller层的方法读取到的数组赋值给$scope下的对象,该对象绑定到了页面上,为什么页面上看不到数组中的内容
PHP中文网
PHP中文网 2017-05-15 16:57:30
[AngularJS讨论组]

appCtrls.controller('uploadFileCtrl', function ($scope, $state, $cordovaImagePicker, localStorageService) {

$scope.initPage = function () {
    $scope.folderName=""
    $scope.fileList = [];
}
$scope.chooseFile = function () {
    var options = {
        maximumImagesCount: 9,
        width: 800,
        height: 800,
        quality: 80
    };
    $cordovaImagePicker.getPictures(options).then(function (results) {
        $scope.fileList=results;
        console.log("fileList:"+$scope.fileList);
    }, function (error) {
        // error getting photos
    });
}

})

//页面



    


    发送


    

    



getPictures方法返回一个字符串数组,该字符串数组每一个元素都是一个文件路径,然后将图片显示到页面上,可是结果是什么也看不到,这是怎么回事呢

PHP中文网
PHP中文网

认证0级讲师

全部回复(2)
大家讲道理

请在$scope.fileList=results;下面加上$scope.$digest();

正常情况下ng-click等事件函数在执行完毕后会自动检测scope是否有更改然后应用更改。但是你这里用了Promise来进行异步操作,其中then()里面的函数会在异步操作完成后执行。而此时chooseFile已经执行完毕,除非你调用digest否则是不会自动检测修改的。

总之,angular自动检测修改会有很多例外,比如异步操作,比如第三方事件,比如对其他控制器做的修改等,所以注意加$scope.$digest();

ringa_lee
  1. 模板中的自定义指令可以正常使用。

  2. 该controller成功注册到了模板中。
    如果上两条成立,那么就是楼上说的,回调函数没有在模板渲染完成之前成功返回,所以拿不到返回的数据。

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号