标签: ionic-view

$ ionic add ionic-platform-web-client


Failed to find the bower component "ionic-platform-web-client".
Are you sure it exists? (CLI v1.7.12)

Your system information:

Cordova CLI: 5.4.1
Gulp version:  CLI version 3.9.0
Gulp local:   Local version 3.9.0
Ionic Version: 1.2.1
Ionic CLI Version: 1.7.12
Ionic App Lib Version: 0.6.5
OS: Distributor ID: Ubuntu Description: Ubuntu 14.04.3 LTS 
Node Version: v4.2.2

我尝试了以下命令,没有其他stackoverflow问答中的建议.

 bower install --allow-root --save-dev ionic-platform-web-client

当我在mac中尝试时也是同样的问题.附上了错误信息.

ionic add ios



Failed to find the bower component "ios".
Are you sure it exists? (CLI …

一直在尝试更改页脚背景，但我无法做到正确。我为每个标签都有一个颜色，但只有最后一个标签被更改（蓝色 - #0000ff）。如何在 Ionic 4 中进行样式设计？

<template>
  <ion-footer>
    <ion-toolbar>
      <ion-title v-if="loggedIn">
        <a href="https://www.facebook.com/" target="_blank">
          <ion-icon name="logo-facebook"></ion-icon>
        </a>
        <a href="https://www.instagram.com/" target="_blank">
          <ion-icon name="logo-instagram"></ion-icon>
        </a>
      </ion-title>
    </ion-toolbar>
  </ion-footer>
</template>

<script>
export default {
  name: "pageFooter",
  computed: {
    loggedIn() {
      return this.$store.getters.loggedIn;
    }
  }
};
</script>

<style lang="scss">
ion-footer {
  background-color: #ff0000;
  ion-toolbar {
    background-color: #00FF00;
    ion-title {
      background-color: #0000ff;
      a {
        font-size: 25px;
        color: #000;
      }
    }
  }
}
</style>

它与“shadow dom”概念有关，我还没有完全理解。此 DOM 结构用于页脚。

我正在使用Ionic中的示例中的幻灯片菜单.当我从任何页面(使用$ location或$ state.go)重定向到主页时,菜单被禁用.它不能再显示了.

$state.go('app.home');
$location.path('/#/app/home');

知道发生了什么事吗？

这是菜单模板

<ion-side-menus>

    <ion-side-menu-content drag-content="true">
        <ion-nav-bar class="bar-dark">
            <ion-nav-back-button>
            </ion-nav-back-button>

            <ion-nav-buttons side="left">
                <button class="button button-icon button-clear ion-navicon" menu-toggle="left">
                </button>
            </ion-nav-buttons>
        </ion-nav-bar>

        <ion-nav-view name="menuContent"></ion-nav-view>
    </ion-side-menu-content>

    <ion-side-menu side="left">
        <ion-header-bar class="bar-light">
        <h1 class="title">Title</h1>
        </ion-header-bar>
        <ion-content>
            <ion-list>
                <ion-item menu-close href="#/app/login">
                    Login
                </ion-item>
                <ion-item menu-close href="#/app/account">
                    Account
                </ion-item>
                <ion-item menu-close href="#/app/logout">
                    Logout
                </ion-item>
            </ion-list>
        </ion-content>
    </ion-side-menu>

</ion-side-menus>

这是应用程序的配置

$stateProvider

        .state('app', {
            url: "/app",
            abstract: true,
            templateUrl: "templates/menu.html"
        })

        .state('app.home', {
            url: "/home",
            views: {
                'menuContent@app': {
                    templateUrl: "modules/home/views/home.html",
                    controller: 'HomeCtrl'
                } …

<ion-view view-title="Title">
  <ion-content>
  Content Here
  </ion-content>
</ion-view>

上面的代码为我提供了离子的默认视图,我需要更改标题的颜色,保留默认的导航控制器(如菜单/后退图标),而不是如下所示定义新的标题栏.

<ion-view view-title="Title">
  <ion-header-bar align-title="left" class="bar-positive">
  <div class="buttons">
    <button class="button" ng-click="doSomething()">Left Button</button>
  </div>
  <h1 class="title">Title!</h1>
  <div class="buttons">
    <button class="button">Right Button</button>
  </div>
</ion-header-bar>

<ion-content>
 Content Here
</ion-content>
</ion-view>

是否有一种解决问题的干净方法？

我知道这将在带有侧边菜单的离子视图中工作:

<ion-view view-title='<img class="title-image" src="img/my_logo.png" />'>

这将图像放在导航栏中,类标题图像将它放在我想要的位置.到现在为止还挺好.

问题是像这样的东西成为浏览器选项卡上显示的页面标题:

<img class="title-image" ...

- 这不是太酷.

有没有办法将图像放到导航栏上而不将其捏入标题？

当尝试使用 ionic-view ( www.ionicjs.com )编译 ionic 3 应用程序时，出现以下错误

Error: Cannot find module '@angular/tsc-wrapped/src/tsc'
    at Function.Module._resolveFilename (module.js:485:15)
    at Function.Module._load (module.js:437:25)
    at Module.require (module.js:513:17)
    at require (internal/module.js:11:18)
    at Object. (/usr/src/app/node_modules/@ionic/app-scripts/dist/aot/aot-compiler.js:7:13)
at Module._compile (module.js:569:30)
at Object.Module._extensions..js (module.js:580:10)
at Module.load (module.js:503:32)
at tryModuleLoad (module.js:466:12)
at Function.Module._load (module.js:458:3)
npm info lifecycle MedMan@0.0.1~build: Failed to exec build script
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! MedMan@0.0.1 build: `ionic-app-scripts build`
npm ERR! Exit status 1
npm ERR! 
npm ERR! Failed at the MedMan@0.0.1 build …

我在将月份名称翻译成来自另一个国家的另一种语言时遇到了 ionic2问题。在我的视图中，我使用过滤器日期来显示月份的全名。月份的名称以英语显示，我需要它们以巴西的葡萄牙语显示。

当我使用ionic1 时，我只是访问了文件“ionic.bundle.min.js”，然后我更改了英文月份的名称。已经换了ionic2我还是不知道我应该怎么做才能改个语言。

谁能帮我这个？