It would be great if someone could point me in the right direction. Should i be using another component altogether? Or how do I see the properties of the component so that I can style them? Inspecting the element does not help.
how made it to display? After running this command ===> npm i ionic4-rating in cli, I just imported like this import { IonicRatingModule } from ‘ionic-rating’; in app.module.ts file.
My app.module.ts file looks like this:
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { RouteReuseStrategy } from '@angular/router';
import { IonicModule, IonicRouteStrategy } from '@ionic/angular';
import { SplashScreen } from '@ionic-native/splash-screen/ngx';
import { StatusBar } from '@ionic-native/status-bar/ngx';
import { AppComponent } from './app.component';
import { AppRoutingModule } from './app-routing.module';
import { HttpClientModule } from '@angular/common/http';
import { HttpModule } from '@angular/http';
import { ClientService } from 'src/app/services/client.service';
import { Geolocation } from '@ionic-native/geolocation/ngx';
import { Calendar } from '@ionic-native/calendar/ngx';
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import { IonicRatingModule } from 'ionic-rating';
@NgModule({
declarations: [AppComponent],
entryComponents: [],
imports: [
BrowserModule,
IonicModule.forRoot(),
AppRoutingModule,
HttpModule,
HttpClientModule,
FormsModule,
ReactiveFormsModule ,
IonicRatingModule,
],
providers: [
Calendar,
ClientService,
StatusBar,
SplashScreen,
Geolocation,
{ provide: RouteReuseStrategy, useClass: IonicRouteStrategy }
],
bootstrap: [AppComponent]
})
export class AppModule {}
I am getting this error ===> [ts] Cannot find module ‘ionic-rating’. [2307]
I want align the rating to left for all devices.I have wrapped this rating tag inside another div and applied css i,e (float:left; text-align:left;) but nothing worked. I just want to align the rating on left side fixed for all devices.