ion-col col-3抛出模板解析错误

亚历克斯·艾恩赛德

我目前正在尝试仅从构造函数中打印数据。数据通过后一切正常,直到我尝试添加col-3为止ion-col我猜我错过了一些模块,但不知道哪个模块。

我的home.ts文件

import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';

@Component({
  selector: 'page-home',
  templateUrl: 'home.html'
})
export class HomePage {
  dni: any;
  constructor(public navCtrl: NavController) {
    this.dni = {
      Wtorek: {
        do: {
          linia: ['3B', '2A'],
          godzina: '17.12'
        },
        z: {
          linia: ['2A', '7A'],
          godzina: '19.32'
        },
        zajecia: 'BJJ GI'
      },
      Sroda: [{
        do: {
          linia: ['3B', '2A'],
          godzina: '11.12'
        },
        z: {
          linia: ['2A', '7A'],
          godzina: '13.32'
        },
        zajecia: 'Thai Kickboxing'
      },
      {
        do: {
          linia: ['3B', '2A'],
          godzina: '17.12'
        },
        z: {
          linia: ['2A', '7A'],
          godzina: '19.32'
        },
        zajecia: 'Boxing'
      }],
      Piatek: {
        do: {
          linia: ['3B', '2A'],
          godzina: '18.12'
        },
        z: {
          linia: ['2A', '3B'],
          godzina: '20.32'
        },
        zajecia: 'NoGi'
      },
      Sobota: {
        do: {
          linia: ['3B', '2A'],
          godzina: '11.12'
        },
        z: {
          linia: ['2A', '7A'],
          godzina: '13.32'
        },
        zajecia: 'Sparring'
      }
    }
  }

}


<ion-header>
  <ion-navbar>
    <ion-title>Home</ion-title>
  </ion-navbar>
</ion-header>

<ion-content padding>
  <ion-grid *ngIf="dni">
    <ion-row>
      <ion-col col-3>
        Wtorek:
      </ion-col col-3>
      <ion-col col-3>
        Do:
      </ion-col col-3>
      <ion-col col-3>
        {{dni.Wtorek.do.godzina}} {{dni.Wtorek.do.linia[0],dni.Wtorek.do.linia[1]}}
      </ion-col>
      <ion-col col-3>

      </ion-col>
      <ion-col col-3>

      </ion-col>
    </ion-row>
  </ion-grid>
</ion-content>

我的app.module.ts

import { NgModule, ErrorHandler } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { IonicApp, IonicModule, IonicErrorHandler } from 'ionic-angular';
import { MyApp } from './app.component';

import { HomePage } from '../pages/home/home';
import { TabsPage } from '../pages/tabs/tabs';

import { StatusBar } from '@ionic-native/status-bar';
import { SplashScreen } from '@ionic-native/splash-screen';

@NgModule({
  declarations: [
    MyApp,
    HomePage,
    TabsPage
  ],
  imports: [
    BrowserModule,
    IonicModule.forRoot(MyApp)
  ],
  bootstrap: [IonicApp],
  entryComponents: [
    MyApp,
    HomePage,
    TabsPage
  ],
  providers: [
    StatusBar,
    SplashScreen,
    {provide: ErrorHandler, useClass: IonicErrorHandler}
  ]
})
export class AppModule {}

错误是Error: Template parse errors: Unexpected character "c" (" <ion-col col-3> Wtorek: </ion-col [ERROR ->]col-3> <ion-col col-3> Do: "): ng:///AppModule/HomePage.html@11:20输入的每一个错误col-3。知道我做错了什么吗?

切斯特·拉博德

从关闭处移除col-3 ion-col

<ion-content padding>
  <ion-grid *ngIf="dni">
   <ion-row>
    <ion-col col-3>
      Wtorek:
    </ion-col>
    <ion-col col-3>
      Do:
    </ion-col>
    <ion-col col-3>
      {{dni.Wtorek.do.godzina}} {{dni.Wtorek.do.linia[0],dni.Wtorek.do.linia[1]}}
    </ion-col>
    <ion-col col-3>

    </ion-col>
    <ion-col col-3>

    </ion-col>
   </ion-row>
  </ion-grid>
</ion-content>

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

未捕获(承诺):错误:模板解析错误:'ion-col'不是已知元素

如何使 ion-col 在 col 上展开文本

ion-col中按钮的右对齐

如何使Ionic 4 ion-col具有相同的高度

按 col_1,cube(col_2,col_3) 分组在 pyspark 中产生错误

使用AWK分组| COL1和COL3

InnoDB:(PK,col1,col2,col3)形式的覆盖索引是否冗余?

在Bootstrap 3中使用col-*-12(col-xs / col-sm等)

你如何在 col3 共享/重叠 col2 的地方返回 col2?

基于 col 1 和 col 2 值的 col 3 的总和值

如果col 1与col 3相同,如何用X替换col 4中的值,否则使用awk用col 2替换col 4中的每个条目

“ col-xs-12 col-sm-6 col-md-4 col-lg-3”和col-xs-12页面中心

根据其他列的值计算 pandas 中的列(如果 col1<col2 和 col2 > col1,则 col3 = 1)

模板类arma :: Rcpp Armadilllo中的Col

如何使用ion-col响应设置大型动态表数据

如何清除离子行中的离子行和ion-col空间(边距/填充)?

ionic 4 ion-col 在 iphone x 中显示太多空间

MYSQL 'select count(distinct col)' 结果错误?

geom_col以错误的方式绘制数据

'DataFrame' 对象没有属性 'col' 错误

groupby.col.diff给出意外错误

为什么“ col”变量返回错误值

statsmodel 摘要 col 出现 Latex 键错误?

Bootstrap Col-md-3安排

熊猫等效选择计数(distcolt col1,col2)按col3分组

调整 Bootstrap“行”以适应各种列“col-xs-12 col-sm-4 col-md-3”?

Python / Pandas:选择具有多个条件的数据框行-col 1匹配col 2或col 3

从Col1和Col2中的文本在Col3中写入不匹配的数据

当 count(distinct col1, col2, col3) 时,MySQL 是否正确处理空值