我使用适用于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) 我是自学教的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 发送电子邮件。我尝试了很多教程,示例,但除了这个之外没有任何效果:https : //www.thepolyglotdeveloper.com/2014/08/send-email-android-ios-ionicframework/。
我要把这个教程放在这里。请参阅下面的答案。
我想使用视图中定义的一个控制器,但$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
我将离子框架用于我的混合移动应用程序.默认情况下,页面转换是从左到右滑动到android.我想改变这种效果.例如,我想将此效果作为滑动到顶部.如何更改离子的视图过渡效果?提前致谢...
我的应用程序是使用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数据而不是图像,我是否遗漏了任何声明或任何东西?
谢谢
我尝试使用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
我正在开发一个离子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 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没有出现,但是没有用。
提前致谢。
我已经在以下网址尝试过此网址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)
这些都不起作用:'(
我只是发现此问题仅在iOS上发生。
我正在学习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) ionic-view ×10
angularjs ×3
ionic ×3
ionic2 ×2
javascript ×2
svg ×2
angular ×1
ionic3 ×1
jquery ×1
state ×1