Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/25.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用ionic和angular在modal中显示选定的图像名称?_Javascript_Angularjs_Cordova_Ionic Framework_Ngcordova - Fatal编程技术网

Javascript 如何使用ionic和angular在modal中显示选定的图像名称?

Javascript 如何使用ionic和angular在modal中显示选定的图像名称?,javascript,angularjs,cordova,ionic-framework,ngcordova,Javascript,Angularjs,Cordova,Ionic Framework,Ngcordova,我使用cordova插件从ios多媒体资料中选择图像并显示图像。我在这里面临的问题是,我需要一个模式,其中应显示选定的图像名称,但我无法显示此模式。 这是我的密码: 我的控制器: app.controller('ImagePickerController', function($scope, $rootScope,$cordovaImagePicker, $ionicPlatform, $cordovaContacts,$ionicModal) { $scope.ready = fals

我使用cordova插件从ios多媒体资料中选择图像并显示图像。我在这里面临的问题是,我需要一个模式,其中应显示选定的图像名称,但我无法显示此模式。 这是我的密码:

我的控制器:

app.controller('ImagePickerController', function($scope, $rootScope,$cordovaImagePicker, $ionicPlatform, $cordovaContacts,$ionicModal) {
    $scope.ready = false;
    $scope.images = [];

    $scope.openGallery = function() {
        alert("hii");

        var options = {
                maximumImagesCount: 20, // Max number of selected images, I'm using only one for this example
                width: 800,
                height: 800,
                quality: 100            // Higher is better
        };

        $cordovaImagePicker.getPictures(options).then(function(results) {
            for(var i=0 ; i<results.length ; i++){
                //alert(results[i]);
                //console.log('img', imageUri);
                $scope.images.push(results[i]);
                var imagename = results[i];
                $scope.truncatedimgname = imagename.replace(/^.*[\\\/]/, '')
                alert(truncatedimgname);
            }

        }, function(err) {
        // error
        });

        openModal();
    };

$scope.openModal = function(animation) {
    alert("modal");
    $ionicModal.fromTemplateUrl('contact-modal.html', {
      scope: $scope,
      animation: 'slide-in-up'
    }).then(function(modal) {
      $scope.modal = modal;
      $scope.modal.show();
    });
  };
  $scope.closeModal = function() {
    $scope.modal.hide();
  };

});
app.controller('ImagePickerController',函数($scope、$rootScope、$cordovaImagePicker、$ionicPlatform、$cordovaContacts、$IonicModel){
$scope.ready=false;
$scope.images=[];
$scope.openGallery=函数(){
警报(“hii”);
变量选项={
MaximumImageScont:20,//所选图像的最大数量,我在本例中仅使用一个
宽度:800,
身高:800,
质量:100//越高越好
};
$cordovaImagePicker.getPictures(选项)。然后(函数(结果){

对于(var i=0;i,您必须在success函数中调用
$scope.openModal()
。 事实上,
results
仅在此函数内部异步(用户选择后)可用,因为
$cordovaImagePicker.getPictures(options)
返回一个


在发布的代码中,您已将函数定义为
$scope.openModal
,但在调用该函数时,您只放置了
openModal()
,它将找不到附加到$scope变量的函数

您应该将函数调用为
$scope.openModal();

$cordovaImagePicker.getPictures(options)
    .then(function (results) {
      // on success
      ...

      openModal();
    }, function(error) {
      // on error
      ...
    });