我正在使用离子,iOS和Android开发应用程序.我必须使用ng-srcurl 加载外部图像:
http://test.url.eu:1337/fileuploads/receive/552f6d1786a3ea3772000004
它在iOS上工作正常,但在Android上我有不安全的错误,图像没有加载.我怎么能解决这个问题？
编辑:它适用于Android 4.4和5,但不适用于<4.4.我正在使用crosswolk .. thankyou
我们刚刚从Ionic beta 14升级到Ionic 1.0.0版本.升级后我们还有一个问题,我无法解决.
我添加了2个CodePens来显示问题,是:
1.0.0-beta.14:http://codepen.io/anon/pen/LVxxzM
1.0.0:http://codepen.io/anon/pen/rVjjYJ
<ion-modal-view style="width: 50%;">
如果您查看1.0.0-beta.14 CodePen并通过点击右上方的按钮打开模式,并使浏览器视图小于680px,您将看到模态仍然有一个深色背景.
对1.0.0 CodePen执行相同操作,您将看到深色背景颜色消失.任何想法如何解决这一问题？
我是Angular的新人,请原谅我提出这个问题.但我没有找到解决方法.我有两个主要州,这些州有儿童州.
$stateProvider
.state('login', {
url: "/login",
abstract: true,
templateUrl: "views/login.html"
})
.state('login.intro', {
url: "/intro",
views: {
'menuContent': {
templateUrl: "views/intro.html",
controller: "introController"
}
}
})
.state('app', {
url: "/app",
abstract: true,
templateUrl: "views/menu.html"
})
.state('app.main', {
url: "/main",
views: {
'menuContent': {
templateUrl: "views/main.html",
controller: "MainController"
}
}
})
我正在使用此代码在login.intro状态下尝试重定向到app.main状态.
$scope.startApp = function () {
$state.go('/app/main');
};
但我得到这个错误
错误:无法从Object.transitionTo的州'login.intro'解析'/ app/main'
你能帮我解决这个问题吗？
我使用"cordova build android"构建了我的应用程序(cordova,ionic).虽然它是构建我得到一个蓝屏..现在我无法构建应用程序,而不是"离子构建......"或"科尔多瓦构建......"
我已经使用npm更新了nodeJS,cordova和ionic ..但仍然得到了同样的错误,我甚至从今天早上恢复了我的每日备份,错误仍然存在.
错误:
C:\***\DEV\App\flugdeck>cordova build android
Running command: "C:\Program Files\nodejs\node.exe" "C:\***\DEV\App\flugdeck\hooks\before_prepare\01_jshint.js" "C:\***\DEV\App\flugdeck"
Linting www/js/app.js
File www/js/app.js has no errors.
-----------------------------------------
Linting www/js/config.js
File www/js/config.js has no errors.
-----------------------------------------
Linting www/js/controllers.js
File www/js/controllers.js has no errors.
-----------------------------------------
Linting www/js/controller_flightlog.js
File www/js/controller_flightlog.js has no errors.
-----------------------------------------
Linting www/js/controller_infotools.js
File www/js/controller_infotools.js has no errors.
-----------------------------------------
Linting www/js/controller_timetools.js
File www/js/controller_timetools.js has no errors.
-----------------------------------------
Linting www/js/directives.js
File www/js/directives.js has no errors.
-----------------------------------------
Linting www/js/factories.js
File www/js/factories.js has no errors.
-----------------------------------------
Linting …我写了一个服务(空的,仅用于测试目的),我想将其注入控制器.
但是,遗憾的是这不起作用,我看不出问题.
这是我的代码:
app.controller('AppCtrl', function($scope, $location, Test){
$scope.goto = function(destination){
$location.path(destination);
}
})
app.service('Test', ['', function(){
}])
这是例外:
Error: [$injector:unpr] Unknown provider: Provider <- <- Test
http://errors.angularjs.org/1.3.13/$injector/unpr?p0=Provider%20%3C-%20%20%3C-%20Test
at REGEX_STRING_REGEXP (ionic.bundle.js:8890)
at ionic.bundle.js:12824
at Object.getService [as get] (ionic.bundle.js:12971)
at ionic.bundle.js:12829
at getService (ionic.bundle.js:12971)
at invoke (ionic.bundle.js:13003)
at Object.instantiate (ionic.bundle.js:13020)
at Object.<anonymous> (ionic.bundle.js:12881)
at Object.invoke (ionic.bundle.js:13012)
at Object.enforcedReturnValue [as $get] (ionic.bundle.js:12865)
我无法弄清楚这个问题
我打算在离子应用程序启动时在默认页面中渲染选项卡和导航栏.
我已经能够从互联网上获取这些确切的功能,并且点击并尝试.但是我仍然不确定在应用程序的同一页面上使用导航栏和选项卡这一点很重要.
我有一个名为的文件menu.html,其中包含导航栏的代码.
它看起来像这样:
<ion-side-menus>
<ion-side-menu-content>
<ion-nav-bar class="bar-light">
<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-buttons side="right">
<button class="button button-icon button-clear ion-more" menu-toggle="right">
</button>
</ion-nav-buttons>
</ion-nav-bar>
-->
<ion-nav-buttons side="right">
<button class="button button-icon ion-more" ng-click="popover.show($event)"></button>
</ion-nav-buttons>
<ion-nav-view name="menuContent"></ion-nav-view>
</ion-side-menu-content>
<ion-side-menu side="left">
<ion-header-bar class="bar-assertive">
<h1 class="title">Left Menu</h1>
</ion-header-bar>
<ion-content>
<ul class="list">
<a href="#/menu/tabs" class="item" menu-close>Tabs</a>
<a href="#/menu/home" class="item" menu-close>About</a>
</ul>
</ion-content>
</ion-side-menu>
<!-- <ion-side-menu side="right">
<ion-header-bar class="bar-assertive">
<h1 class="title">Right menu</h1>
</ion-header-bar>
<ion-content>
<ul class="list" …构建一个简单的离子应用程序,连接到我也建立的API.我将一些数据传递到视图,所有数据都出现在图像的src属性中.如果我在控制器中记录了控制器中的数据,那么src就在那里,但它没有出现在视图中 - 它来自0,如:
<img ng-src="0" src="0">
我在我的控制器中传递它,如:
.controller('VenuesController', ['$state','$scope','$http','Venue', function($state,$scope,$http,Venue){
$scope.venues = Venue.query();
$scope.showVenue = function(id){
$state.go('venues/:id',{id:id});
};
}])
并在视图模板本身:
<ion-view view-title="Venues">
<div class="list">
<a ng-repeat="venue in venues" ng-click="showVenue({{venue.id}})" class="item item-thumbnail-left">
<img ng-src="{{ venue.image-small }}">
<h2>{{ venue.name }}</h2>
<p>{{ venue.description }}</p>
</a>
</div>
</ion-view>
图像路径是一个完整的外部链接http://lorempixel.com/100/100/?51467,不确定我是否在这里遗漏了什么？
javascript angularjs angularjs-ng-repeat ionic-framework ionic
我想将离子Popover添加到我的应用程序中并置于ng-repeat下但是我对此有点挣扎.
如何将参数传递给它？
<p ng-repeat="query in ctrl.timesheet">query.Name<button ng-click="openPopover($event)">Open Popover</button></p>
<script id="my-popover.html" type="text/ng-template">
<ion-popover-view>
<ion-header-bar>
<h1 class="title">My Popover Title</h1>
</ion-header-bar>
<ion-content>
<button ng-click="ctrl.delete(index)">Delete</button>
</ion-content>
</ion-popover-view>
</script>
所以简而言之我想要一个按钮列表,每当我点击按钮的弹出窗口时,都会有一个删除元素的选项.
我已尝试过事件,但这不起作用.
document.addEventListener('onorientationchange', function()
{...}
);
我知道如何获得屏幕的方向,但我没有找到如何检测方向何时改变.
在离子团队正式发布离子1.2版本后,我检查了一下
离子-v
命令得到我当前的版本,我发现它1.7.12,然后我做了
npm install -g ionic
希望更新我当前的版本,它仍然在以前的版本1.7.12,所以我必须运行的命令才能获得离子1.2而不是我现在已经拥有的离子1？