0

Css exemplo:

.ion-content {

background-color: #000000;

}

home.ts

    import { Component } from '@angular/core';
    import { NavController, ViewController } from 'ionic-angular';
    import { HomeService } from './home.service';
    import { MenuPage } from '../menu/menu';


    @Component({
        selector: 'page-home',
        templateUrl: 'home.html',
        styleUrls: ['home.css'],
        providers: [
          HomeService
        ]
    })

Só que fica retornando erro:

polyfills.js:3GET http://localhost:8100/home.css 404 (Not Found)
e @ polyfills.js:3
t.scheduleTask @ polyfills.js:3
e.scheduleMacroTask @ polyfills.js:3
(anonymous) @ polyfills.js:3
send @ VM6726:3
ResourceLoaderImpl.get @ resource_loader_impl.js:44
DirectiveNormalizer._fetch @ directive_normalizer.js:40
(anonymous) @ directive_normalizer.js:130
DirectiveNormalizer._loadMissingExternalStylesheets @ directive_normalizer.js:130
DirectiveNormalizer.normalizeExternalStylesheets @ directive_normalizer.js:112
(anonymous) @ directive_normalizer.js:65
t.invoke @ polyfills.js:3
e.run @ polyfills.js:3
(anonymous) @ polyfills.js:3
t.invokeTask @ polyfills.js:3
e.runTask @ polyfills.js:3
i @ polyfills.js:3
polyfills.js:3 Unhandled Promise rejection: Failed to load home.css ; Zone: <root> ; Task: Promise.then ; Value: Failed to load home.css undefined
o @ polyfills.js:3
r @ polyfills.js:3
i @ polyfills.js:3
invoke @ polyfills.js:3
polyfills.js:3 Error: Uncaught (in promise): Failed to load home.css
    at s (polyfills.js:3)
    at s (polyfills.js:3)
    at polyfills.js:3
    at t.invokeTask (polyfills.js:3)
    at e.runTask (polyfills.js:3)
    at i (polyfills.js:3)
    at XMLHttpRequest.invoke (polyfills.js:3)
o @ polyfills.js:3
r @ polyfills.js:3
i @ polyfills.js:3
invoke @ polyfills.js:3

Quero alterar o background do app e também usar css meu em outras paginas, o que estou fazendo errado ?

1 Resposta 1

1

Solução encontrada:

Em home.scss:

.fundo {
  background-color: #000000;
}

e no home html:

<ion-content padding class="fundo">
1
  • Sim porque não podes indicar o "ion-content" como classe de css porque já é uma considerada uma directiva. A solução acaba por criar uma classe a parte como o fundo, e depois adicionar a classe a directiva como fizeste. Commented 3/03/2017 às 11:27

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .