爱奥尼亚：路由提供空白页
我刚刚开始学习angular和IONIC来构建一个应用程序。
我刚刚启动了一个包含离子的新应用程序，并从json文件中列出了一个项目列表。这很好用，但由于im跳入路由，我只看到一个空白页，我没有犯错误。
这是我的索引。html：
<!DOCTYPE html>
<html >
<head>
<meta charset="utf-8">
<title>Spätifinder</title>
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
<link rel="stylesheet" href="css/ionic.css">
<script src="angular.min.js"></script>
<script src="js/ionic.bundle.js"></script>
<script src="app.js"></script>
</head>
<body ng-app="spaetifinder">
<ion-header-bar type="bar-positive"
animation="nav-title-slide-ios7"
back-button-type="button-icon"
back-button-icon="ion-ios7-arrow-back"></ion-header-bar>
<ion-nav-bar class="bar-energized nav-title-slide-ios7">
</ion-nav-bar>
<ion-nav-view></ion-nav-view>
</body>
</html>
这是maapp.js文件：
var app = angular.module('spaetifinder', ['ionic']);
app.config(function ($stateProvider, $urlRouterProvider) {
// Ionic uses AngularUI Router which uses the concept of states
// Learn more here: https://github.com/angular-ui/ui-router
// Set up the various states which the app can be in.
// Each state's controller can be found in controllers.js
$stateProvider
.state('home', {
url: '/',
templateUrl: 'home.html'
});
// if none of the above states are matched, use this as the fallback
$urlRouterProvider.otherwise('/home');
});
app.controller('StoreController', [ '$http', function($http) {
var store = this;
store.storeList = [ ];
$http.get('http://m.xn--sptifinder-r5a.de/apiv1/jsonp.php?action=list&lat=52.437595&long=12.987900&distance=100').success(function(data){
store.storeList = data;
});
this.loadImage = function(hasImage){
if(hasImage = 0) {
return "http://www.spätifinder.de/images/fotos/no-foto.jpg";
}
else {
return this.ID;
}
};
}]);
这应该是我回家的模板（home.html）
<!-- our list and list items -->
<ion-list>
<a href="#" class="item item-thumbnail-left" ng-repeat="spaeti in spaetis.storeList">
<img ng-if="spaeti.has_image == 0" ng-src="http://www.spätifinder.de/images/fotos/no-foto.jpg">
<img ng-if="spaeti.has_image == 1" ng-src="http://www.spätifinder.de/images/fotos/{{spaeti.ID}}_crop.jpg">
<h2>{{spaeti.Name}}</h2>
<p>{{spaeti.BusinessHours}}<br>{{spaeti.Street}}, {{spaeti.ZIP}} {{spaeti.City}}</p>
</a>
</ion-list>
我只是不明白这是怎么回事，也许你看到了一个错误？
提前谢谢
卢克
共有3个答案
我也很难理解路由。我从这个CoDepen示例中学到了很多。
Codepen示例路由
编辑：我想我看到了你的问题，你有一个<代码> 在您的状态块结束时，我不得不删除我的以使其工作昨晚我花了很长时间才发现，我们的，希望它能帮助您。
旧答案：
我不确定这可能会有所帮助，但这是我的，我认为你的唯一问题是@Jon7已经指出的。
.state('main', {
url: "/main",
templateUrl: "templates/main.html",
controller: 'MainController'
})
$urlRouterProvider.otherwise('/main');
我认为您的问题在于路由配置。您只能在URL中定义一个状态。然后将回退设置为不存在的主页。您可能希望您的家乡位于家中。
-
这是一个简单的应用程序： 从主页按ADD时，将显示New Ionic页面。 用户键入标题和内容后，按Add，列表中将添加一条注释，然后应用程序导航回主页。我所做的是：-创建添加注释页。-在添加注释中。ts，我返回主页，如下所示： } 在添加注释中。html我定义了如下按钮： 我尝试this.navCtrl.popToRoot（）但它不工作。 有人知道原因吗？
-
谷歌宣布，自2019年8月1日起，所有新应用程序和应用程序更新都必须提供64位版本和32位版本。我有一个Ionic 3（Cordova）应用程序，我不确定这会有什么影响。具体来说，爱奥尼亚/科尔多瓦应用程序需要做什么才能满足这一要求？ 从2019年8月1日开始： 发布到Google Play时，除了32位版本外，所有包含本机代码的新应用和应用更新都必须提供64位版本。
-
我想在Ionic4（角度7）中添加一个后退按钮。但我找不到合适的角度路由器方法。 <代码>从“@角度/路由器”导入{路由器} 在组件处理程序中单击按钮时如何返回？我想使用“@角度/路由器”而不是“@角度/公共”来实现它=
-
我正试图使用这个工具将谷歌分析添加到一个Ionic/phonegap/Covdova应用程序中。然而，我发现了以下错误： 配置根项目“android”时出现问题。无法解析配置“：_debugCompile”的所有依赖项。找不到任何与com匹配的版本。谷歌。Android游戏服务s-analytics:。在以下位置搜索：https://repo1.maven.org/maven2/com/googl
-
将我的文本输入与离子键盘重叠 ionic键盘版本 离子信息：这是我的离子信息
-
我知道这种问题已经被多次看到，因为几周前谷歌发布了一个新的Firebase版本； 许多人似乎在一些调整后成功编译，但我无法让我的应用程序在android中编译。 我花了几个小时寻找答案，但我被卡住了！ 这就是错误： 我甚至尝试过这个https://github.com/arnesson/cordova-plugin-firebase/issues/1081#issuecomment-5030416