Question

我有一个“游戏”，我想在每次加载相同组件时加载不同的HTML。

我的结构类似于

pages/game/
├── Game1-lines
│   ├── 1.html
│   ├── game.module.ts
│   └── game.ts
└── Game2-jumping
    ├── 1.html
    ├── 2.html
    ├── 3.html
    ├── game.module.ts
    └── game.ts

正如您所看到的，Game2有3种不同的HTML我可以使用（我想在它们之间轮换）。而Game1只有一种模板。

我的组件加载“懒惰”，代码类似于

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

let templateIndex = 1;

@IonicPage({segment: "Game2-jumping"})
@Component({
  selector: 'game-page',
  templateUrl: '1.html'
})
export class GameJumpPage {
    templateIndex: any;

    constructor(public navCtrl: NavController) {
        this.templateIndex = templateIndex;
        templateIndex++;        
    }


}

我每次加载组件时都有一个名为templateIndex的变量 - 正在增加（所以我总是知道我离开的位置并提供不同的HTML）

问题

问题在于templateUrl，当我使用templateUrl: '1.html'时，它会加载1.html就好了。但是当我写templateUrl: templateIndex + '.html'时 - 它给了我错误"NetworkError: 404 Not Found - http://localhost:8100/1.html"

我真的不明白有什么区别？！在硬编码的1.html和variable(eq=1).html之间？ ...

有什么想法吗？

Ionic 2从变量动态选择模板

问题

0 个答案: