Question

我开始构建一个新的Ionic 2应用程序但不能正确呈现Ionic组件（例如选择框，卡片）。我使用Angular CLI启动了项目，我正在使用侧边栏模板。

我的一个模板中的HTML就在这里：

<ion-view view-title="Games">
    <ion-content>
        <ion-grid>
            <ion-row>
                <ion-list>
                    <ion-item>
                        <ion-label>Console</ion-label>
                        <ion-select [(ngModel)]="consoleSelected" multiple="true">
                            <ion-option ng-repeat="console in consoles" value="nes">{{ console.Name }}</ion-option>
                        </ion-select>
                    </ion-item>
                </ion-list>
                <ion-list>
                    <ion-list-header>
                        Games
                    </ion-list-header>
                    <ion-item ng-repeat="game in games" href="#/app/game/{{game.ID}}">
                        {{ game.Title }}
                    </ion-item>
                </ion-list>
            </ion-row>
        </ion-grid>
    </ion-content>
</ion-view>

离子卡和离子选择组件不会像它们那样呈现。我不认为离子视图/内容/网格和行组件正在渲染，但我无法确定。

但是，如果我使用CSS类添加组件：

 <label class="item item-input">
          <span class="input-label">Username</span>
          <input type="text" ng-model="loginData.username">
        </label>

组件正确呈现。但是，第一个不正确的模板中的代码是从Ionic文档复制而来的。

我正在使用ionic serve运行该应用并在Chrome中查看该应用。我还附上了第一个组件的屏幕截图。

有人知道我要做些什么来让它们渲染吗？

Answer 1

首先 public class BankAccount { static volatile double balance = 0; public void deposit(double amount) { class Deposit implements Runnable { double amount; Deposit(double d) { amount = d; } public void run() { balance += amount; } } new Thread(new Deposit(amount)).run(); } public synchronized void withdraw(double amount) { class Withdraw implements Runnable { double amount; public Withdraw(double d) { amount = d; } public void run() { balance -= amount; } } new Thread(new Withdraw(amount)).run(); } // // A little Test // public static void main(String[] args) { BankAccount ba = new BankAccount(); ba.deposit(34576.2); } }是离子1“组分”。它在Ionic＆gt; = 2中不存在。您的模板结构将类似于：

ion-view

Ionic 2组件无法渲染

1 个答案: