Event though this questions may be considered as a duplicate of another question, I’ll still add this answer because I think there’s a better way to handle the categories (at least, from the UI/UX point of view). The end result would look like this: Basically, we’re using the Ionic slider component to show the categories, … Read more
You can cast it as a HTMLInputElement: document.getElementById(“customimage”).onchange = function(e: Event) { let file = (<HTMLInputElement>e.target).files[0]; // rest of your code… } Update: You can also use this: let file = (e.target as HTMLInputElement).files[0];
If you use angular-cli, you can add all your external JS files in assets folder. And then in angular-cli.json add them: “scripts”: [ “../node_modules/jquery/dist/jquery.min.js”, “../node_modules/bootstrap/dist/js/bootstrap.min.js”, “../node_modules/moment/moment.js”, “../node_modules/chart.js/dist/Chart.bundle.min.js”, “../node_modules/chart.js/dist/Chart.min.js”, “../node_modules/ng2-datetime/src/vendor/bootstrap-datepicker/bootstrap-datepicker.min.js”, “./assets/js/slimscroll.min.js”, “./assets/js/inspinia.js”, “./assets/js/metisMenu.js”, “./assets/js/footable.all.min.js” ] You can do it also with external styles: “styles”: [ “../node_modules/ng2-toastr/bundles/ng2-toastr.min.css”, “../node_modules/bootstrap-sass/assets/stylesheets/_bootstrap.scss”, “../node_modules/font-awesome/scss/font-awesome.scss”, “../node_modules/ng2-datetime/src/vendor/bootstrap-datepicker/bootstrap-datepicker3.min.css”, “./assets/scss/plugins/footable/footable.core.css”, “./assets/scss/style.scss” ] And of course you … Read more
NgModel expects the bound element to have a value property, which divs don’t have. That’s why you get the No value accessor error. You can set up your own equivalent property and event databinding using the textContent property (instead of value) and the input event: import { Component } from “angular2/core”; @Component({ selector: “my-app”, template: … Read more
This all should be fixed in the RC4 (soon). That being said, to disable the scroll when input is focused, add this to your config object (in the @NgModule): … imports: [ IonicModule.forRoot(MyApp, { scrollAssist: false, autoFocusAssist: false }), … ], … A very good explanation of those two properties can be found here: Under … Read more
Life is too short to spend it on messing with paths, etc. Since I had Homebrew installed on the iMac, I just ran this command: brew install gradle The Ionic3 project started to build successfully.
You can use removeAll() { Promise.all([ this.storage.remove(key1), this.storage.remove(key2), this.storage.remove(key3), ]).then(value => doSomething()); See also https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Promise/all
UPDATE: Just like @mhartington says: There is no way to create a global ion-navbar, as this is done on purpose. The point of having a navbar defined for each component is so that we can properly animate the titles, navbar background color (if you change them) and animate other properties needed. And about creating a … Read more
Angular 6.0.0 https://github.com/angular/angular/blob/master/CHANGELOG.md#610-2018-07-25 introduced a KeyValuePipe See also https://angular.io/api/common/KeyValuePipe @Component({ selector: ‘keyvalue-pipe’, template: `<span> <p>Object</p> <div *ngFor=”let item of object | keyvalue”> {{item.key}}:{{item.value}} </div> <p>Map</p> <div *ngFor=”let item of map | keyvalue”> {{item.key}}:{{item.value}} </div> </span>` }) export class KeyValuePipeComponent { object: {[key: number]: string} = {2: ‘foo’, 1: ‘bar’}; map = new Map([[2, ‘foo’], [1, … Read more