Javascript 如何使用ionic和angular在modal中显示选定的图像名称?
我使用cordova插件从ios多媒体资料中选择图像并显示图像。我在这里面临的问题是,我需要一个模式,其中应显示选定的图像名称,但我无法显示此模式。 这是我的密码: 我的控制器: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
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
...
});