ionic-framework

How to get multiple checkbox value on button click?

陌路散爱 提交于 2020-01-11 14:18:12
问题 <td><p><input class="checkbox" type="checkbox" value="Cars.id"> </p> </td> this is list of cars id with checkbox. <button (click)="duplicate()" ><ion-icon name="color-wand"></ion-icon> </button> on this button click i want to get value of all cars in my .ts file. here is the function in .ts duplicate(){ var checkedValue = document.querySelector('.messageCheckbox:checked'); } 回答1: In order to get values of selected multiple checkboxes, No need to use DOM selectors as given in above answers you

WebpackJsonp missing after Ionic 3 update

試著忘記壹切 提交于 2020-01-11 13:49:09
问题 I recently bumped up to ionic 3 from 2. I can build my app for iOS, but ionic serve fails now with the error below. Before I could build for iOS, I had to manually replace main.prod.ts and main.dev.ts with main.ts Would you need any more info to be able to help? Close Runtime Error webpackJsonp is not defined Stack ReferenceError: webpackJsonp is not defined at http://localhost:8100/build/main.js:1:1 Ionic Framework: 2.0.0-rc.3 Ionic Native: 2.2.3 Ionic App Scripts: 2.0.2 Angular Core: 2.1.1

Ionic 3 , videojs-panorama not supporting in Android getting error DOMException: Failed to execute 'texImage2D' on

二次信任 提交于 2020-01-11 13:47:08
问题 I am getting this error when using videos-panorama Dom Exception: Failed to execute 'texImage2D' on 'WebGLRenderingContext': The video element contains cross-origin data, and may not be loaded. https://github.com/yanwsh/videojs-panorama <code> (function (window, videojs) { var player = window.player = videojs('videojs-panorama-player', {}, function () { }); var videoElement = document.getElementById("videojs-panorama-player"); var width = videoElement.offsetWidth; var height = videoElement

Ionic 4: How to overwrite style in Shadow elements that are not controlled by css variables?

半城伤御伤魂 提交于 2020-01-11 13:38:08
问题 I have to style a small app built with Ionic 4 The HTML is: <div class="searchbar-wrapper"> <ion-searchbar></ion-searchbar> </div> <div class="content-wrapper" #scrollingBlock> Content </div> I need to get rid of the shadow that Ionic by default adds to lots of its elements. I can see in Chrome devtools the searchbar like this: .searchbar-input.sc-ion-searchbar-md { ... -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12); box-shadow: 0

API calls made in Ionic 4 app not working on Android device

此生再无相见时 提交于 2020-01-11 11:38:16
问题 I am able to run my ionic app on my laptop by using the ionic lab command. The app makes calls to the IMDB api, & displays data retrieved from it. Now, I am trying to run the app on an android device. by using the following command: ionic cordova run android --device . The app appears on my phone, but when I search for IMDB data, no results are appearing. Below is the service I am using to make calls to the API: export class MovieService { url = 'http://www.omdbapi.com/'; apiKey = 'myKey';

Setting splash screen for hybrid project

让人想犯罪 __ 提交于 2020-01-11 11:10:12
问题 I am new to hybrid technology , currently I am working on ionic framework with angular js cardova js. My problem is how to set splash screen for my project. Target device of my application is ios devices(iphone & ipad) Any help is greatly appreciated. Regards, Deepti Aggarwal 回答1: Although I am not sure how to do this solely with Phonegap, the Monaca IDE (cloud) for hybrid development allows you to add splash screens plus they take care of the dimensions for you. I would highly recommend an

Ionic 3 - network-information plugin - Object(…) is not a function(…)

萝らか妹 提交于 2020-01-11 10:46:19
问题 I need to implement network information plugin in an ionic 3 angular 4 project. I have installed a network plugin using $ ionic cordova plugin add cordova-plugin-network-information $ npm install --save @ionic-native/network@5.0.0 After installation, I have used this plugin in app.component.ts but I'm getting an error as ERROR Error: Uncaught (in promise): TypeError: Object(...) is not a function(…) on either device or emulator. I'm sharing native-core and plugin versions that I have used in

cordova.file.* (all directories) are null

做~自己de王妃 提交于 2020-01-11 09:42:42
问题 I'm working on Ionic mobile app development. My requirement is to create client side logger to track issues in app. I used the methods mentioned in https://github.com/pbakondy/filelogger, and I could able to create the log file in both Android and iOS. For the first time when I open the app, it creates the log file in cordova.file.dataDirectory, when I close and reopen the app in i*OS , I'm trying to read the content of the file which was created using the below $fileLogger.getLogfile().then

Camera.getPicture is not a function in ionic 3

荒凉一梦 提交于 2020-01-11 05:26:27
问题 I am using camera plugin to click picture in ionic app, but i am getting the following error OrdercancelPage.html:24 ERROR TypeError: Object(...) is not a function at Camera.getPicture (index.js:125) at OrdercancelPage.webpackJsonp.444.OrdercancelPage.getphoto (ordercancel.ts:24) at Object.eval [as handleEvent] (OrdercancelPage.html:24) at handleEvent (core.js:13547) at callWithDebugContext (core.js:15056) at Object.debugHandleEvent [as handleEvent] (core.js:14643) at dispatchEvent (core.js

Is the jQuery mobile the best UI framework to integrate with PhoneGap? Or should I use Ionic? [closed]

拈花ヽ惹草 提交于 2020-01-10 14:11:00
问题 Closed . This question is opinion-based. It is not currently accepting answers. Want to improve this question? Update the question so it can be answered with facts and citations by editing this post. Closed 4 years ago . I wanna to use PhoneGap to starting an enterprise application, but don't know which of all the mobile UI frameworks is the best to integrate with the project? i'm new to PhoneGap. 回答1: If you want to choose between jQuery Mobile and Ionic Framework I would advise you to pick