@Anschau wrote:

Hello! I present the following doubt that I can not solve! I want to query 2 nodes in a firebase database and return via firebase observable but I’m not getting it! Someone has an idea how to do this. thank you very much

Posts: 1

Participants: 1

Read full topic

@alibahjat wrote:

hello
i have this script

which it work in website but when i put it in ionic view it not shown

how can i run this script in ionic

Posts: 1

Participants: 1

Read full topic

@VinceBret wrote:

Hello,

I have a problem of ion-content not taking the whole heigh available when embedded in an other ion-content

I have a Component A with ion-header and ion-content.
In the ion-content of this component A I have a component B with a ion-content and a ion-header.

The ion-header of component B has a ngIf that depends of an input so I have :
ngOnChanges(changes)
{
if (typeof(changes.myinput) !== ‘undefined’)
{
this.content.resize();
}
}

If I dont call the resize, the ion-content go through the ion-header.
If I call the resize, the ion-content doesn’t go through the ion-header but the ion-content doesn’t reach the bottom (as if I have a ion-footer).

Note that just an ion-content embedded in an other ion-content has the issue (we dont need ion-header) but there is no point in doing that.

Can we embed an ion-content and ion-header in a ion-content ?
If not, how can I keep a fix part on my sub component to reproduce a ion-header behavior.

Thanks

Posts: 1

Participants: 1

Read full topic

@Ben1nB1ack wrote:

I have the latest Ionic running and app built for iOS now need to add platform Android

Any help would be appreciated

Posts: 2

Participants: 1

Read full topic

@pavankumarkatakam wrote:

Im thinking of Android as a platform, it is nice if there is electron as a platform for building ionic apps in the electron.

Posts: 1

Participants: 1

Read full topic

@titikshadaga wrote:

I wanted to open the default maps app for any device. After installing the plugin i m getting the following error :

/home/power/Ionic_Projects/UrMuv/platforms/android/gradlew: Command failed with exit code 1 Error output:
FAILURE: Build failed with an exception.

What went wrong:
A problem occurred configuring root project 'android'.

Could not resolve all dependencies for configuration ':_debugApkCopy'.
Could not resolve com.squareup.okhttp3:okhttp:3+.
Required by:
project :
> Could not resolve com.squareup.okhttp3:okhttp:3+.
> Failed to list versions for com.squareup.okhttp3:okhttp.
> Unable to load Maven meta-data from https://jcenter.bintray.com/com/squareup/okhttp3/okhttp/maven-metadata.xml.
> Could not GET 'https://jcenter.bintray.com/com/squareup/okhttp3/okhttp/maven-metadata.xml'.
> Connect to jcenter.bintray.com:443 [jcenter.bintray.com/35.161.20.85, jcenter.bintray.com/52.34.155.241] failed: Connection refused (Connection refused)
> Could not resolve com.squareup.okhttp3:okhttp:3+.
> Failed to list versions for com.squareup.okhttp3:okhttp.
> Unable to load Maven meta-data from https://maven.google.com/com/squareup/okhttp3/okhttp/maven-metadata.xml.
> Could not GET 'https://maven.google.com/com/squareup/okhttp3/okhttp/maven-metadata.xml'.
> Connect to maven.google.com:443 [maven.google.com/216.58.196.99] failed: Connection refused (Connection refused)

Try:
Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output.

[ERROR] An error occurred while running cordova run android --device (exit code
1).

Posts: 1

Participants: 1

Read full topic

@vickey58 wrote:

Hi ,

I am Developing a app which will run on mobile browser and desktop browser.
If its a mobile browser I want to launch the native google map for turn by turn direction on android.

Is it possible in ionic to launch a native app from mobile browser.

Thanks
-Vickey

Posts: 1

Participants: 1

Read full topic

@duncandege wrote:

I want to implement CryptoJS in ionic 3 and i have installed the CryptoJS plugin by running this command npm install crypto-js --save
I have used the import 'import * as CryptoJS from ‘crypto-js’;'
Iam able to encrypt using a secretPhrase using the command
encryptedData =CryptoJS.AES.encrypt(“Text to encrypt”, “sexcretPhrase”);

the problem comes when i want to ude CFB mode so that i can decrypt in with Pycrypto at the backend, This is my code:
encrypt(){
var KEY = ‘This is a key123’;
var IV = ‘This is an IV456’;
var MODE = new CryptoJS.mode.CFB(CryptoJS.pad.ZeroPadding);
var plaintext = ‘The answer is no’;
var input_bytes = CryptoJS.charenc.UTF8.stringToBytes(plaintext);
var key = CryptoJS.charenc.UTF8.stringToBytes(KEY);
var options = {iv: CryptoJS.charenc.UTF8.stringToBytes(IV), asBytes: true, mode: MODE};
var encrypted = CryptoJS.AES.encrypt(input_bytes, key, options);
var encrypted_hex = CryptoJS.util.bytesToHex(encrypted);
console.log(encrypted_hex); // this is the value you send over the wire
}

when i run it throws this error

Iam i missing something?

Posts: 1

Participants: 1

Read full topic

@flycoders_sourav wrote:

I try to implement find nearby location.but there is a problem map is showing but nearby markar is not showing please guide me.
below my code.

constructor(public navCtrl: NavController,private ngZone: NgZone, private geolocation : Geolocation) {}

  ionViewDidLoad() {
    console.log('ionViewDidLoad DetailsPage');
    this.loadMap();

  }

  @ViewChild('map') mapElement: ElementRef;
  map: any;

  loadMap(){

    this.geolocation.getCurrentPosition().then((position) => {

      let latLng = new google.maps.LatLng(position.coords.latitude, position.coords.longitude);

      let mapOptions = {
        center: latLng,
        zoom: 15,
        mapTypeId: google.maps.MapTypeId.ROADMAP
      }

      this.map = new google.maps.Map(this.mapElement.nativeElement, mapOptions);

      let service = new google.maps.places.PlacesService(mapOptions);

      service.nearbySearch({
        location: latLng,
        radius: 500,
        type: ['pub']
      }, (results, status) => {
          this.callback(results, status)
           this.addMarker();
      });

    }, (err) => {
      console.log(err);
    });

  }
  callback(results, status) {
    if (status === google.maps.places.PlacesServiceStatus.OK) {
      for (var i = 0; i < results.length; i++) {
        this.createMarker(results[i]);
      }
    }
  }
  createMarker(place){
    var placeLoc = place.geometry.location;
    var marker = new google.maps.Marker({
        map: this.map,
        position: place.geometry.location
    });

    let infowindow = new google.maps.InfoWindow();

    google.maps.event.addListener(marker, 'click', () => {
      this.ngZone.run(() => {
        infowindow.setContent(place.name);
        infowindow.open(this.map,this);
      });
    });
  }
  addMarker(){
    let marker = new google.maps.Marker({
      map: this.map,
      animation: google.maps.Animation.DROP,
      position: this.map.getCenter()
    });

    let content = "<h4>You are here!</h4>";

    this.addInfoWindow(marker, content);

  }

  addInfoWindow(marker, content){

    let infoWindow = new google.maps.InfoWindow({
      content: content
    });

    google.maps.event.addListener(marker, 'click', () => {
      this.ngZone.run(() => {
        infoWindow.open(this.map, marker);
      });
    });
  }

Posts: 1

Participants: 1

Read full topic

@cmilanesi wrote:

I want to use a check button to do an operation that can fail. If it fails, the check button value should be restored.
I have this HTML code:

<ion-checkbox [(ngModel)]="isChecked" (ionChange)="onChange()">
</ion-checkbox>

and this TypeScript code:

    private isChecked = false;
    private changedByCode = false;
    private onChange() {
        if (this.changedByCode) {
            this.changedByCode = false;
            console.log('AUX', this.isChecked);
            return;
        }
        console.log('before:', this.isChecked);
        // Try an operation (omitted), if it fails, do the following.
        this.changedByCode = true;
        this.isChecked = ! this.isChecked;
        console.log('after:', this.isChecked);
    }

The use of changedByCode is needed to avoid endless iteration.
The first time the user clicks the check button, correctly the button blinks and remains unchecked, and on the console the following appears:

before: true
after: false
AUX: false

But the second time, the button becomes checked, and the following appears on the console:

before: true
after: false

Posts: 1

Participants: 1

Read full topic

@leo420994717 wrote:

Hi All, I’m new to the ionic, I want to make the tab in the middle like FAB, how to do that?

weichat-tabs.jpg1242x186 13.7 KB

weichat-tabs-fabs.jpg1098x1079 42.2 KB

Posts: 1

Participants: 1

Read full topic

@leegee wrote:

Using the latest version of Ionic (3.9.2) on Windows 10, trying to use Events for the first time, I can’t get the code in the documentation to work.

import { Events } from 'ionic-angular';

// first page (publish an event when a user is created)
constructor(public events: Events) {}
createUser(user) {
  console.log('User created!')
  this.events.publish('user:created', user, Date.now());
}


// second page (listen for the user created event after function is called)
constructor(public events: Events) {
  events.subscribe('user:created', (user, time) => {
    // user and time are the same arguments passed in `events.publish(user, time)`
    console.log('Welcome', user, 'at', time);
  });
}

Error:

Uncaught (in promise): TypeError: Cannot read property 'subscribe' of undefined

What have I over-looked?

TIA
Lee

Posts: 1

Participants: 1

Read full topic

@rhl9119 wrote:

I’m working with ionic 3 and angular 2 and created one small app. In login page if I entered 2-3 times wrong password then it got stuck on same page and I’m unable to enter password again, means I can’t type anything in password box.

Can anyone please tell me what should I do ?

Posts: 1

Participants: 1

Read full topic

@synpra wrote:

Ionic v-3.18.0

I have a component “SetPoi” which I want to reuse on two different pages “MapPage” and “MapHazardPage”.
The problem is that ionic creates two different instances of the component SetPoi.
Allthough this topic has been already covered in this forum I couldn’t find a solution to this problem.

To clarify this:
It doesn’t occur with providers. It only happens with components which I use in templates on different pages.

The file system structure looks like this:
components
set-poi (*.html, *.module.ts, *.ts)

pages
map-page (*.html, *.module.ts, .ts)
map-hazard-page (.html, *.module.ts, *.ts)

app.module.ts:

@NgModule({
declarations: [
MyApp,
SetPoiComponent,…
],
imports: [
BrowserModule,
HttpModule,
IonicModule.forRoot(MyApp)
],
bootstrap: [IonicApp],
entryComponents: [
SetPoiComponent,…
],
providers: [
AppConfig,
AppData,
SetPoiComponent,…
{provide: ErrorHandler, useClass: IonicErrorHandler},
UserProvider,
BackendProvider
]
})
export class AppModule {}

Posts: 1

Participants: 1

Read full topic

@TheLLspectre wrote:

Hi everyone,
I work on project on Ionic, currently i’m on Microsoft Visual Studio 2017, and i’ve this error:

TypeError: fs_1.readFileSync is not a function
at Object. (http://localhost:8100/build/main.js:30178:21)
at Object. (http://localhost:8100/build/main.js:30267:30)
at webpack_require (http://localhost:8100/build/main.js:20:30)
at new RaspiIO (http://localhost:8100/build/main.js:129577:15)
at Object. (http://localhost:8100/build/main.js:61263:9)
at webpack_require (http://localhost:8100/build/main.js:20:30)
at Object.module.exports (http://localhost:8100/build/main.js:95109:75)
at webpack_require (http://localhost:8100/build/main.js:20:30)
at Object. (http://localhost:8100/build/main.js:95037:73)
at webpack_require (http://localhost:8100/build/main.js:20:30)

This error came after some different fix with this code in TypeScript:

import five from 'johnny-five';
import Raspi from 'raspi-io';
import { debounce } from 'lodash.debounce';

const board = new five.Board({
  io: new Raspi()
});

Just for information, i’m working with johnny-five and raspi-io, and the objective is to put the solution in the raspberry at the end!

Do you have some ideas to fix it ??

Posts: 1

Participants: 1

Read full topic

@krunal2194 wrote:

input text field get overlap by keyboard in modal when focus. tired every possible solution posted on framework and github. But i didn’t worked out.
Please help

Posts: 2

Participants: 2

Read full topic

@Louis101 wrote:

Hi,

I have this method so far to make an authorised api call, I am struggling as it is not authrorising, any ideas as to what is missing?

getMethods(url:any) :Observable{
let headers = new Headers();
headers.append(‘Content-Type’, ‘application/json’);
headers.append(‘x-token’, localStorage.getItem(’’));

  return this.http.get(`${API_URL2+url}`,{headers:headers})
            .map((res:Response)=>{
                     return res.json();})
            .catch((error:any)=>Observable.throw(error)||'server error');
}

Posts: 1

Participants: 1

Read full topic

@dipankar123 wrote:

hi guys,
i have a question,
i have created a doughnut chart (ionic 2)
is this possible to set a image inside doughnut chart?

is this possible?
here is my code:

this.doughnutChart = new Chart(this.doughnutCanvas.nativeElement, {

          type: 'doughnut',
          data: {
            labels: ["Absent", "Present"],
            datasets: [{
              data: [this.a, this.p],
              backgroundColor: [
                'rgba(255, 99, 132, 0.2)',
                'rgba(50, 219, 100, 0.2)'
              ],
              hoverBackgroundColor: [
                "#FF6384",
                "#32DB64", ,
              ]
            }]
          }

        });

Posts: 1

Participants: 1

Read full topic

@zabka229 wrote:

Hello everybody.
I have a little problem.
In my root page I am pushing new page:

    this.navCtrl.push(DetailsPage);

After that in my DetailsPage I am doing some actions which change the content of my root page and then in alert I’m closing my DetailsPage.

let alert = this.alertCtrl.create({
 ...
      buttons: [{
          handler: () => {
            this.navCtrl.setRoot(RedditsPage);
            return false;
          } }
      ],
      enableBackdropDismiss: false
    });

But it shows me RedditsPage with old data, it suppose to show new data. How can I fix it?

Posts: 3

Participants: 2

Read full topic

@Teazy wrote:

Hello,

I had a problem importing component on my page.

home.module.ts

import { NgModule } from '@angular/core';
import { IonicPageModule } from 'ionic-angular';
import { HomePage } from './home';
import { ComponentsModule } from '../../components/components.module';


@NgModule({
  declarations: [
    HomePage,
  ],
  imports: [
    ComponentsModule,
    IonicPageModule.forChild(HomePage),
  ],
  entryComponents: [
    HomePage
  ],
})
export class HomePageModule {}

components.module.ts

import { NgModule } from '@angular/core';
import { PopupComponent } from './popup/popup';
import { MapCardComponent } from './map-card/map-card';
@NgModule({
	declarations: [
		PopupComponent,
    MapCardComponent
	],
	imports: [],
	exports: [
		PopupComponent,
    MapCardComponent
	]
})
export class ComponentsModule {}

Getting this error

core.js:1350 ERROR Error: Uncaught (in promise): Error: Template parse errors:
'ion-icon' is not a known element:
1. If 'ion-icon' is an Angular component, then verify that it is part of this module.
2. If 'ion-icon' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. (" === true">
  <button ion-button icon-only clear class="popup__close" (click)="closePopup()">
      [ERROR ->]<ion-icon name="close" color="white"></ion-icon>
  </button>
  <div *ngIf="title" class="popup__title"): ng:///ComponentsModule/PopupComponent.html@2:6
Can't bind to 'ngIf' since it isn't a known property of 'div'. ("
      <ion-icon name="close" color="white"></ion-icon>
  </button>
  <div [ERROR ->]*ngIf="title" class="popup__title">{{title}}</div>
  <div *ngIf="message" class="popup__message">{{me"): ng:///ComponentsModule/PopupComponent.html@4:7
Property binding ngIf not used by any directive on an embedded template. Make sure that the property name is spelled correctly and all directives are listed in the "@NgModule.declarations". ("
      <ion-icon name="close" color="white"></ion-icon>
  </button>
  [ERROR ->]<div *ngIf="title" class="popup__title">{{title}}</div>
  <div *ngIf="message" class="popup__message""): ng:///ComponentsModule/PopupComponent.html@4:2
Can't bind to 'ngIf' since it isn't a known property of 'div'. ("
  </button>
  <div *ngIf="title" class="popup__title">{{title}}</div>
  <div [ERROR ->]*ngIf="message" class="popup__message">{{message}}</div>
  <div class="popup__input">
    <ion-input "): ng:///ComponentsModule/PopupComponent.html@5:7
Property binding ngIf not used by any directive on an embedded template. Make sure that the property name is spelled correctly and all directives are listed in the "@NgModule.declarations". ("
  </button>
  <div *ngIf="title" class="popup__title">{{title}}</div>
  [ERROR ->]<div *ngIf="message" class="popup__message">{{message}}</div>
  <div class="popup__input">
    <ion-i"): ng:///ComponentsModule/PopupComponent.html@5:2
Can't bind to 'ngModel' since it isn't a known property of 'ion-input'.
1. If 'ion-input' is an Angular component and it has 'ngModel' input, then verify that it is part of this module.
2. If 'ion-input' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component. ("up__message">{{message}}</div>
  <div class="popup__input">
    <ion-input *ngIf="inputPlaceholder" [ERROR ->][ngModel]="inputData" [type]="type" #input [value]="inputDefaultValue" (ngModelChange)="inputChanged("): ng:///ComponentsModule/PopupComponent.html@7:40
Can't bind to 'type' since it isn't a known property of 'ion-input'.
1. If 'ion-input' is an Angular component and it has 'type' input, then verify that it is part of this module.
2. If 'ion-input' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component. ("}}</div>
  <div class="popup__input">
    <ion-input *ngIf="inputPlaceholder" [ngModel]="inputData" [ERROR ->][type]="type" #input [value]="inputDefaultValue" (ngModelChange)="inputChanged($event)" [placeholder]"): ng:///ComponentsModule/PopupComponent.html@7:62
Can't bind to 'value' since it isn't a known property of 'ion-input'.
1. If 'ion-input' is an Angular component and it has 'value' input, then verify that it is part of this module.
2. If 'ion-input' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component. ("="popup__input">
    <ion-input *ngIf="inputPlaceholder" [ngModel]="inputData" [type]="type" #input [ERROR ->][value]="inputDefaultValue" (ngModelChange)="inputChanged($event)" [placeholder]="inputPlaceholder"><"): ng:///ComponentsModule/PopupComponent.html@7:83
Can't bind to 'placeholder' since it isn't a known property of 'ion-input'.
1. If 'ion-input' is an Angular component and it has 'placeholder' input, then verify that it is part of this module.
2. If 'ion-input' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component. (""inputData" [type]="type" #input [value]="inputDefaultValue" (ngModelChange)="inputChanged($event)" [ERROR ->][placeholder]="inputPlaceholder"></ion-input>
    <button (click)="submit()" *ngIf="inputPlaceholder""): ng:///ComponentsModule/PopupComponent.html@7:150
'ion-input' is not a known element:
1. If 'ion-input' is an Angular component, then verify that it is part of this module.
2. If 'ion-input' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
  <div *ngIf="message" class="popup__message">{{message}}</div>
  <div class="popup__input">
    [ERROR ->]<ion-input *ngIf="inputPlaceholder" [ngModel]="inputData" [type]="type" #input [value]="inputDefaultV"): ng:///ComponentsModule/PopupComponent.html@7:4
Can't bind to 'ngIf' since it isn't a known property of 'ion-input'.
1. If 'ion-input' is an Angular component and it has 'ngIf' input, then verify that it is part of this module.
2. If 'ion-input' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component. ("ngIf="message" class="popup__message">{{message}}</div>
  <div class="popup__input">
    <ion-input [ERROR ->]*ngIf="inputPlaceholder" [ngModel]="inputData" [type]="type" #input [value]="inputDefaultValue" (ngMo"): ng:///ComponentsModule/PopupComponent.html@7:15
Property binding ngIf not used by any directive on an embedded template. Make sure that the property name is spelled correctly and all directives are listed in the "@NgModule.declarations". ("
  <div *ngIf="message" class="popup__message">{{message}}</div>
  <div class="popup__input">
    [ERROR ->]<ion-input *ngIf="inputPlaceholder" [ngModel]="inputData" [type]="type" #input [value]="inputDefaultV"): ng:///ComponentsModule/PopupComponent.html@7:4
'ion-icon' is not a known element:
1. If 'ion-icon' is an Angular component, then verify that it is part of this module.
2. If 'ion-icon' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("r"></ion-input>
    <button (click)="submit()" *ngIf="inputPlaceholder" ion-button icon-only>
      [ERROR ->]<ion-icon name="arrow-forward"></ion-icon>
    </button>
  </div>
"): ng:///ComponentsModule/PopupComponent.html@9:6
Can't bind to 'ngIf' since it isn't a known property of 'button'. (""inputChanged($event)" [placeholder]="inputPlaceholder"></ion-input>
    <button (click)="submit()" [ERROR ->]*ngIf="inputPlaceholder" ion-button icon-only>
      <ion-icon name="arrow-forward"></ion-icon>
    <"): ng:///ComponentsModule/PopupComponent.html@8:31
Property binding ngIf not used by any directive on an embedded template. Make sure that the property name is spelled correctly and all directives are listed in the "@NgModule.declarations". ("aultValue" (ngModelChange)="inputChanged($event)" [placeholder]="inputPlaceholder"></ion-input>
    [ERROR ->]<button (click)="submit()" *ngIf="inputPlaceholder" ion-button icon-only>
      <ion-icon name="arrow"): ng:///ComponentsModule/PopupComponent.html@8:4
Can't bind to 'ngIf' since it isn't a known property of 'div'. ("<div class="popup" [ERROR ->]*ngIf="isVisible === true">
  <button ion-button icon-only clear class="popup__close" (click)="closeP"): ng:///ComponentsModule/PopupComponent.html@0:19
Property binding ngIf not used by any directive on an embedded template. Make sure that the property name is spelled correctly and all directives are listed in the "@NgModule.declarations". ("[ERROR ->]<div class="popup" *ngIf="isVisible === true">
  <button ion-button icon-only clear class="popup__clo"): ng:///ComponentsModule/PopupComponent.html@0:0
Error: Template parse errors:
'ion-icon' is not a known element:
1. If 'ion-icon' is an Angular component, then verify that it is part of this module.
2. If 'ion-icon' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. (" === true">
  <button ion-button icon-only clear class="popup__close" (click)="closePopup()">
      [ERROR ->]<ion-icon name="close" color="white"></ion-icon>
  </button>
  <div *ngIf="title" class="popup__title"): ng:///ComponentsModule/PopupComponent.html@2:6
Can't bind to 'ngIf' since it isn't a known property of 'div'. ("
      <ion-icon name="close" color="white"></ion-icon>
  </button>
  <div [ERROR ->]*ngIf="title" class="popup__title">{{title}}</div>
  <div *ngIf="message" class="popup__message">{{me"): ng:///ComponentsModule/PopupComponent.html@4:7
Property binding ngIf not used by any directive on an embedded template. Make sure that the property name is spelled correctly and all directives are listed in the "@NgModule.declarations". ("
      <ion-icon name="close" color="white"></ion-icon>
  </button>
  [ERROR ->]<div *ngIf="title" class="popup__title">{{title}}</div>
  <div *ngIf="message" class="popup__message""): ng:///ComponentsModule/PopupComponent.html@4:2
Can't bind to 'ngIf' since it isn't a known property of 'div'. ("
  </button>
  <div *ngIf="title" class="popup__title">{{title}}</div>
  <div [ERROR ->]*ngIf="message" class="popup__message">{{message}}</div>
  <div class="popup__input">
    <ion-input "): ng:///ComponentsModule/PopupComponent.html@5:7
Property binding ngIf not used by any directive on an embedded template. Make sure that the property name is spelled correctly and all directives are listed in the "@NgModule.declarations". ("
  </button>
  <div *ngIf="title" class="popup__title">{{title}}</div>
  [ERROR ->]<div *ngIf="message" class="popup__message">{{message}}</div>
  <div class="popup__input">
    <ion-i"): ng:///ComponentsModule/PopupComponent.html@5:2
Can't bind to 'ngModel' since it isn't a known property of 'ion-input'.
1. If 'ion-input' is an Angular component and it has 'ngModel' input, then verify that it is part of this module.
2. If 'ion-input' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component. ("up__message">{{message}}</div>
  <div class="popup__input">
    <ion-input *ngIf="inputPlaceholder" [ERROR ->][ngModel]="inputData" [type]="type" #input [value]="inputDefaultValue" (ngModelChange)="inputChanged("): ng:///ComponentsModule/PopupComponent.html@7:40
Can't bind to 'type' since it isn't a known property of 'ion-input'.
1. If 'ion-input' is an Angular component and it has 'type' input, then verify that it is part of this module.
2. If 'ion-input' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component. ("}}</div>
  <div class="popup__input">
    <ion-input *ngIf="inputPlaceholder" [ngModel]="inputData" [ERROR ->][type]="type" #input [value]="inputDefaultValue" (ngModelChange)="inputChanged($event)" [placeholder]"): ng:///ComponentsModule/PopupComponent.html@7:62
Can't bind to 'value' since it isn't a known property of 'ion-input'.
1. If 'ion-input' is an Angular component and it has 'value' input, then verify that it is part of this module.
2. If 'ion-input' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component. ("="popup__input">
    <ion-input *ngIf="inputPlaceholder" [ngModel]="inputData" [type]="type" #input [ERROR ->][value]="inputDefaultValue" (ngModelChange)="inputChanged($event)" [placeholder]="inputPlaceholder"><"): ng:///ComponentsModule/PopupComponent.html@7:83
Can't bind to 'placeholder' since it isn't a known property of 'ion-input'.
1. If 'ion-input' is an Angular component and it has 'placeholder' input, then verify that it is part of this module.
2. If 'ion-input' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component. (""inputData" [type]="type" #input [value]="inputDefaultValue" (ngModelChange)="inputChanged($event)" [ERROR ->][placeholder]="inputPlaceholder"></ion-input>
    <button (click)="submit()" *ngIf="inputPlaceholder""): ng:///ComponentsModule/PopupComponent.html@7:150
'ion-input' is not a known element:
1. If 'ion-input' is an Angular component, then verify that it is part of this module.
2. If 'ion-input' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
  <div *ngIf="message" class="popup__message">{{message}}</div>
  <div class="popup__input">
    [ERROR ->]<ion-input *ngIf="inputPlaceholder" [ngModel]="inputData" [type]="type" #input [value]="inputDefaultV"): ng:///ComponentsModule/PopupComponent.html@7:4
Can't bind to 'ngIf' since it isn't a known property of 'ion-input'.
1. If 'ion-input' is an Angular component and it has 'ngIf' input, then verify that it is part of this module.
2. If 'ion-input' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component. ("ngIf="message" class="popup__message">{{message}}</div>
  <div class="popup__input">
    <ion-input [ERROR ->]*ngIf="inputPlaceholder" [ngModel]="inputData" [type]="type" #input [value]="inputDefaultValue" (ngMo"): ng:///ComponentsModule/PopupComponent.html@7:15
Property binding ngIf not used by any directive on an embedded template. Make sure that the property name is spelled correctly and all directives are listed in the "@NgModule.declarations". ("
  <div *ngIf="message" class="popup__message">{{message}}</div>
  <div class="popup__input">
    [ERROR ->]<ion-input *ngIf="inputPlaceholder" [ngModel]="inputData" [type]="type" #input [value]="inputDefaultV"): ng:///ComponentsModule/PopupComponent.html@7:4
'ion-icon' is not a known element:
1. If 'ion-icon' is an Angular component, then verify that it is part of this module.
2. If 'ion-icon' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("r"></ion-input>
    <button (click)="submit()" *ngIf="inputPlaceholder" ion-button icon-only>
      [ERROR ->]<ion-icon name="arrow-forward"></ion-icon>
    </button>
  </div>
"): ng:///ComponentsModule/PopupComponent.html@9:6
Can't bind to 'ngIf' since it isn't a known property of 'button'. (""inputChanged($event)" [placeholder]="inputPlaceholder"></ion-input>
    <button (click)="submit()" [ERROR ->]*ngIf="inputPlaceholder" ion-button icon-only>
      <ion-icon name="arrow-forward"></ion-icon>
    <"): ng:///ComponentsModule/PopupComponent.html@8:31
Property binding ngIf not used by any directive on an embedded template. Make sure that the property name is spelled correctly and all directives are listed in the "@NgModule.declarations". ("aultValue" (ngModelChange)="inputChanged($event)" [placeholder]="inputPlaceholder"></ion-input>
    [ERROR ->]<button (click)="submit()" *ngIf="inputPlaceholder" ion-button icon-only>
      <ion-icon name="arrow"): ng:///ComponentsModule/PopupComponent.html@8:4
Can't bind to 'ngIf' since it isn't a known property of 'div'. ("<div class="popup" [ERROR ->]*ngIf="isVisible === true">
  <button ion-button icon-only clear class="popup__close" (click)="closeP"): ng:///ComponentsModule/PopupComponent.html@0:19
Property binding ngIf not used by any directive on an embedded template. Make sure that the property name is spelled correctly and all directives are listed in the "@NgModule.declarations". ("[ERROR ->]<div class="popup" *ngIf="isVisible === true">
  <button ion-button icon-only clear class="popup__clo"): ng:///ComponentsModule/PopupComponent.html@0:0
    at syntaxError (compiler.js:466)
    at TemplateParser.parse (compiler.js:24312)
    at JitCompiler._parseTemplate (compiler.js:33699)
    at JitCompiler._compileTemplate (compiler.js:33674)
    at compiler.js:33576
    at Set.forEach (<anonymous>)
    at JitCompiler._compileComponents (compiler.js:33576)
    at compiler.js:33446
    at Object.then (compiler.js:455)
    at JitCompiler._compileModuleAndComponents (compiler.js:33445)
    at syntaxError (compiler.js:466)
    at TemplateParser.parse (compiler.js:24312)
    at JitCompiler._parseTemplate (compiler.js:33699)
    at JitCompiler._compileTemplate (compiler.js:33674)
    at compiler.js:33576
    at Set.forEach (<anonymous>)
    at JitCompiler._compileComponents (compiler.js:33576)
    at compiler.js:33446
    at Object.then (compiler.js:455)
    at JitCompiler._compileModuleAndComponents (compiler.js:33445)
    at c (polyfills.js:3)
    at c (polyfills.js:3)
    at polyfills.js:3
    at t.invokeTask (polyfills.js:3)
    at Object.onInvokeTask (core.js:4617)
    at t.invokeTask (polyfills.js:3)
    at r.runTask (polyfills.js:3)
    at o (polyfills.js:3)
    at <anonymous>

Posts: 1

Participants: 1

Read full topic