Атрибуты стиля ionic cli 4.5.0 не применяются

Я новичок в ионной структуре, поэтому мне действительно понадобится ваша помощь. Моя проблема в том, что всякий раз, когда я добавляю атрибут к ионному компоненту пользовательского интерфейса, он вообще не работает. Например:

<button ion-button color="secondary" clear>Secondary Clear</button>
<ion ion-button color="light" outline>Light Outline</button>
 <button ion-button full>Full Button</button>

Цвета применимы, но их атрибуты - нет. Другой пример

<ion-list>

  <ion-item>
    <ion-label floating>Username</ion-label>
    <ion-input type="text"></ion-input>
  </ion-item>

  <ion-item>
    <ion-label floating>Password</ion-label>
    <ion-input type="password"></ion-input>
  </ion-item>

</ion-list>

Для этого также не применяется плавающий атрибут. Итак, я понимаю, что ионные атрибуты на самом деле не работают для меня, и я не знаю почему. Это мой файл app.module.ts

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { HttpModule } from '@angular/http';
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';

@NgModule({
  declarations: [AppComponent],
  entryComponents: [],
  imports: [BrowserModule, HttpModule,  IonicModule.forRoot(), AppRoutingModule],
  providers: [
    StatusBar,
    SplashScreen,
    { provide: RouteReuseStrategy, useClass: IonicRouteStrategy }
  ],
  bootstrap: [AppComponent]
})
export class AppModule {}

ionic-framework ionic4
person ous    schedule 22.01.2019    source источник

Ответы (1)


arrow_upward
0
arrow_downward

ваш app.module.ts должен выглядеть так:

@NgModule({
  declarations: [
    MyApp,
    HomePage // declear your Page inside declarations
  ],
  imports: [
    BrowserModule,
    IonicModule.forRoot(MyApp),
    HttpClientModule,
    HttpModule,
    IonicStorageModule.forRoot(),

  ],
  bootstrap: [IonicApp],
  entryComponents: [
    MyApp,
    HomePage // ALSO inside bootstrap entryComponemt
  ],
  providers: [
    StatusBar,
    SplashScreen,
    {provide: ErrorHandler, useClass: IonicErrorHandler,}
  ]
})
export class AppModule {}

это поможет вам.

person Najam Us Saqib    schedule 22.01.2019