标签: ionic-view

如何从Visual Studio 2015执行离子上载

我使用适用于visual studio 2015新离子模板创建了一个基本应用程序.我想使用离子视图应用程序查看iPhone上的应用程序.我在哪里可以发出cli命令ionic upload(PM控制台和console2拒绝它)

因为只在cmd中键入ionic不起作用,(无法识别的命令)我下载并安装了离子框架(即使VS2015离子中的所有东西都工作正常).然后,如果我运行离子上传,我会收到一个错误:

ordovaProject4\www>ionic upload

TypeError: Invalid Version: Not installed
    at new SemVer (C:\Users\3stra\AppData\Roaming\npm\node_modules\ionic\node_mo
dules\semver\semver.js:295:11)
    at Range.test (C:\Users\3stra\AppData\Roaming\npm\node_modules\ionic\node_mo
dules\semver\semver.js:1049:15)
    at Function.satisfies (C:\Users\3stra\AppData\Roaming\npm\node_modules\ionic
\node_modules\semver\semver.js:1098:16)
    at Object.checkRuntime (C:\Users\3stra\AppData\Roaming\npm\node_modules\ioni
c\node_modules\ionic-app-lib\lib\info.js:295:32)
    at Object.run (C:\Users\3stra\AppData\Roaming\npm\node_modules\ionic\lib\cli
.js:54:10)
    at Object.<anonymous> (C:\Users\3stra\AppData\Roaming\npm\node_modules\ionic
\bin\ionic:9:10)
    at Module._compile (module.js:460:26)
    at Object.Module._extensions..js (module.js:478:10)
    at Module.load (module.js:355:32)
    at Function.Module._load (module.js:310:12)
    at Function.Module.runMain (module.js:501:10)
    at startup (node.js:129:16)
    at node.js:814:3

Invalid Version: Not installed (CLI v1.6.4)

Your system information:

Cordova CLI: …
Run Code Online (Sandbox Code Playgroud)

visual-studio-2015 ionic-view

6
推荐指数
1
解决办法
480
查看次数

离子框架 - 上传到Ionic View应用程序,没有获取最新的javascript文件,可能缓存仍然存在?

我是自学教的Ionic框架我ionic start myApp tabs根据Ionic框架的入门页面加载了这个框架(http://ionicframework.com/getting-started/)

一切都很好,在我的Mac上启动并运行,可以服务并且可以效仿.现在......当我ionic upload在我的手机上使用Ionic View应用程序时它很好 - 一切都如预期的那样.

但是,当我在controller.js文件中更改某些内容时:

.controller('AccountCtrl', function($scope) {
  $scope.settings = {
    enableFriends: true
  };
});
Run Code Online (Sandbox Code Playgroud)

enableFriends:false

ionic upload再次,然后我'在我的iphone上的Ionic View应用程序上同步到最新'...​​我仍然获得enableFriends:true(因为该选项设置为true - 开关为绿色)

  • 只是为了让你知道,我ionic build ios之前ionic upload,我试图删除手机上的Ionic View应用程序中的应用程序并重新上传.

所以我怀疑控制器.js是缓存的......如果是的话......我怎么能清除这个缓存?!!!

ionic-framework ionic ionic-view

5
推荐指数
2
解决办法
5848
查看次数

如何使用本机电子邮件应用程序使用 ionic 框架发送电子邮件

所以我一直在尝试用 ionic 发送电子邮件。我尝试了很多教程,示例,但除了这个之外没有任何效果:https : //www.thepolyglotdeveloper.com/2014/08/send-email-android-ios-ionicframework/

我要把这个教程放在这里。请参阅下面的答案。

ionic-framework ionic-view

5
推荐指数
1
解决办法
2万
查看次数

UI路由器多视图单个控制器不起作用

我想使用视图中定义的一个控制器,但$scope没有定义任何东西.有没有办法做到这一点?请分享一个简单的例子以便理解.

我有这个index.html

<body ng-app="ehc">
<h1>{{home}}+{{a}}+{{b}}</h1>
<ion-side-menus enable-menu-with-back-views="false" delegate-handle="left">
    <!-- Left menu -->
    <ion-side-menu side="left" is-enabled="true">

            <ion-header-bar class="bar-stable">AAA</ion-header-bar>
            <ion-content>
                <div class="list">
                    <div class="item item-divider">
                        Candy Bars
                    </div>
                </div>
            </ion-content>


    </ion-side-menu>

    <ion-side-menu-content edge-drag-threshold="true" drag-content="true">
        <!-- Main content, usually <ion-nav-view> -->
        <ion-nav-bar class="bar-positive" >
            <ion-nav-title>
                <h2>hello world title *{{home}}*</h2>
            </ion-nav-title>
            <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-view>
                <ion-content class="has-header">
                    <div class="row">
                        <div class="col-50">
                            <div ui-view="a"></div>
                        </div>
                        <div class="col-50">
                            <div ui-view="b"></div>
                        </div>
                    </div>

                </ion-content>
            </ion-view>


</ion-side-menu-content>

<script type="text/ng-template" …
Run Code Online (Sandbox Code Playgroud)

state angularjs angular-ui-router ionic-framework ionic-view

5
推荐指数
1
解决办法
7132
查看次数

在离子上改变视图过渡动画风格

我将离子框架用于我的混合移动应用程序.默认情况下,页面转换是从左到右滑动到android.我想改变这种效果.例如,我想将此效果作为滑动到顶部.如何更改离子的视图过渡效果?提前致谢...

ionic-framework ionic ionic-view

5
推荐指数
1
解决办法
3509
查看次数

如何在离子内容中渲染svg

我的应用程序是使用Angularjs和ionic构建的,使用cordova进行混合移动应用程序,当尝试呈现从后端接收的svg内容时,应用程序无法呈现预期的图表.

这就是我的代码的样子

<ion-tab title="Diagram" icon-on="mcfly">           
        <ion-view>
            <ion-content class="padding" ng-class="{'has-loading': header.isLoading}">
                <h4>System Diagram</h4>                 
                    {{diagram}}
        </ion-content>
    </ion-view>
</ion-tab>
Run Code Online (Sandbox Code Playgroud)

但我看到的是svg数据而不是图像,我是否遗漏了任何声明或任何东西?

谢谢

svg angularjs ionic ionic-view

5
推荐指数
1
解决办法
1万
查看次数

使用angularjs in ionic创建和更新全局列表

我尝试使用rootScope变量在我的离子项目中声明一个全局列表.我的目标是使用特定消息更新此列表.根据我的情景,我对他们的表格有不同的看法.我尝试在应用程序的另一个视图中保存已完成的操作.当我按下"x"形式的按钮时,"x form is completed"消息应被推入该全局列表.之后,当我按下"y"形式的按钮时,"y form is completed"消息应该附加到该列表中.然后,我在完成的操作视图中显示全局列表的内容.

在每个视图中,我都有一个按钮,如screenshot2所示.

另外,我将这些视图与controller.js文件中的控制器连接:

我使用rootScope为其他控制器创建了一个全局列表,以达到该列表值

 .controller('MainCtrl', function($scope, $rootScope, $state) {

      $rootScope.onButtonClick = function (obj) {
        $rootScope.buttons = [];
        $rootScope.buttons.push(obj); 
        $state.go('app.completed');
    }
 })
Run Code Online (Sandbox Code Playgroud)

然后我将Completed Actions视图与另一个控制器连接,以显示列表的最终视图,以查看应用程序中所有按下的按钮:

 .controller('CompletedCtrl', function($scope,$rootScope,$state) {

    $scope.buttons = $rootScope.buttons;

    $scope.onCompletedButtonClick = function(){
    $state.go('app.homepage');  

  }

})
Run Code Online (Sandbox Code Playgroud)

已完成的操作视图(html文件):


    <span style="color:white">COMPLETED TravelBuddy</span>

 </ion-nav-title>

 <ion-content>

  <div class="list">

  <ion-list>

  <ion-item ng-repeat="item in buttons">
   {{item}}!
  </ion-item>

  </ion-list>

  <label class="item">
      <button class="button button-block button-balanced" ng-click="onCompletedButtonClick()">+</button>
    </label>
</div>

</ion-content>
Run Code Online (Sandbox Code Playgroud)

运行我的移动应用程序后,我无法显示列表中的所有推送项目,我只在screenshot1中的已完成操作中看到第一个按下的按钮消息.我怎么能解决这个问题?screenshot1 screenshot2

javascript angularjs angularjs-directive ionic-framework ionic-view

5
推荐指数
1
解决办法
128
查看次数

离子v2误差离子视图

我正在开发一个离子v2应用程序,但即使在离子实验室工作,它在离子视图上获得完整的白色屏幕.如果我用离子v1做同样的事情就行了.

ionic start sample --v2
cd sample
ionic lab
ionic upload
Run Code Online (Sandbox Code Playgroud)

它显示白色但是

ionic start sample
cd sample
ionic lab
ionic upload
Run Code Online (Sandbox Code Playgroud)

它完美地运作.代码没有任何变化谢谢

ionic-framework ionic-view ionic2

5
推荐指数
1
解决办法
926
查看次数

在离子视图中未出现离子3背景图像SVG

我正在使用Ionic 2开发应用程序。现在,我具有以下样式:

ion-content {
  background-image: url('/assets/images/orange-background.svg');
  background-repeat: no-repeat;
  background-size: 101%;
}
Run Code Online (Sandbox Code Playgroud)

当我ionic serve这工作得很好,但是当我上传新版本与离子通道查看,这个例子没有工作没有任何例子background-image.svg

我已经尝试过Ionic-svg没有出现,但是没有用。

提前致谢。

编辑1

我已经在以下网址尝试过此网址background-image

assets/images/orange-background.svg
/assets/images/orange-background.svg
../assets/images/orange-background.svg
./assets/images/orange-background.svg
Run Code Online (Sandbox Code Playgroud)

这些都不起作用:'(

编辑2

我只是发现此问题仅在iOS上发生。

svg ionic-view ionic3

5
推荐指数
1
解决办法
925
查看次数

ionic 2在加载视图之前渲染数据

我正在学习ionic 2,目前面临一些离子生命周期问题。我想在api获取成功数据后显示数据。

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

import WooCommerceAPI from 'woocommerce-api';

@Component({
  selector: 'page-category',
  templateUrl: 'category.html',
})
export class CategoryPage {

  information: any[] = [];
  infoChild: any[] = [];
  wooApi: any;
  wooCat: any;
  categories: any = [];

  constructor(public navCtrl: NavController, public loadingCtrl: LoadingController) {
      this.wooApi = WooCommerceAPI(
          {
            url: 'abc.com/api/v1/cat',

          }
        );
//here also tried to call api

    }


  ngOnInit() {
//here also tried to call api

  }
  ionViewDidLoad() {
    console.log("calling api");
    /*from …
Run Code Online (Sandbox Code Playgroud)

javascript jquery ionic-view ionic2 angular

5
推荐指数
1
解决办法
7267
查看次数