Ionic Mobile First Integration [英] Ionic Mobile First Integration
问题描述
我使用以下链接开发了Ionic Side Menu应用程序并集成了IBM MobileFirst Platform Foundation 7.1。
I developed Ionic Side Menu app and integrated IBM MobileFirst Platform Foundation 7.1 using the below link.
https://www.raymondcamden.com/2015/03/23/working-with -ibm-mobilefirst-and-the-ionic-framework /
当我尝试构建&运行它抛出错误
When I tried to build & run its throwing an error
worklight.js：5383未捕获异常：未捕获错误：
[$ injector：modulerr]失败实例化模块ng由于：
TypeError：无法在$$ SanitizeUriProvider设置null
的属性'aHrefSanitizationWhitelist'
worklight.js:5383 Uncaught Exception: Uncaught Error: [$injector:modulerr] Failed to instantiate module ng due to: TypeError: Cannot set property 'aHrefSanitizationWhitelist' of null at $$SanitizeUriProvider
我用Google搜索并找到了下面的堆栈溢出链接，但尝试使用最新的角度版本仍然是同样的问题。
I googled and found the below Stack overflow link, but tried with using latest angular version still same issue.
- AngularJS 1.5错误引导程序IBM Mobilefirst
- 无法在Angular js中实例化模块错误
- https://github.com/angular/angular.js/issues/ 9692
- AngularJS 1.5 error bootstrap IBM Mobilefirst
- Failed to instantiate module error in Angular js
- https://github.com/angular/angular.js/issues/9692
IBM MobileFir st Platform Foundation 7.1
Java SDK 1.8
IONIC版本1.7.14
IBM MobileFirst Platform Foundation 7.1
Java SDK 1.8
IONIC version 1.7.14
app.js
// Ionic Starter App
// angular.module is a global place for creating, registering and retrieving Angular modules
// 'starter' is the name of this angular module example (also set in a <body> attribute in index.html)
// the 2nd parameter is an array of 'requires'
// 'starter.controllers' is found in controllers.js
angular.module('starter', ['ionic', 'starter.controllers'])
.run(function($ionicPlatform) {
$ionicPlatform.ready(function() {
// Hide the accessory bar by default (remove this to show the accessory bar above the keyboard
// for form inputs)
/* if (window.cordova && window.cordova.plugins.Keyboard) {
cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true);
cordova.plugins.Keyboard.disableScroll(true);
}*/
if (window.StatusBar) {
// org.apache.cordova.statusbar required
StatusBar.styleDefault();
}
});
})
.config(function($stateProvider, $urlRouterProvider) {
$stateProvider
.state('app', {
url: '/app',
abstract: true,
templateUrl: 'templates/menu.html',
controller: 'AppCtrl'
})
.state('app.search', {
url: '/search',
views: {
'menuContent': {
templateUrl: 'templates/search.html'
}
}
})
.state('app.browse', {
url: '/browse',
views: {
'menuContent': {
templateUrl: 'templates/browse.html'
}
}
})
.state('app.playlists', {
url: '/playlists',
views: {
'menuContent': {
templateUrl: 'templates/playlists.html',
controller: 'PlaylistsCtrl'
}
}
})
.state('app.single', {
url: '/playlists/:playlistId',
views: {
'menuContent': {
templateUrl: 'templates/playlist.html',
controller: 'PlaylistCtrl'
}
}
});
// if none of the above states are matched, use this as the fallback
$urlRouterProvider.otherwise('/app/playlists');
});
index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
<title></title>
<link href="lib/ionic/css/ionic.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<!-- IF using Sass (run gulp sass first), then uncomment below and remove the CSS includes above
<link href="css/ionic.app.css" rel="stylesheet">
-->
<!-- ionic/angularjs js -->
<script src="lib/ionic/js/ionic.bundle.js"></script>
<!-- cordova script (this will be a 404 during development) -->
<!-- <script src="cordova.js"></script> -->
<script>window.$ = window.jQuery = WLJQ;</script>
<!-- your app's js -->
<script src="js/app.js"></script>
<script src="js/controllers.js"></script>
<script src="js/wlinit.js"></script>
</head>
<body ng-app="starter">
<ion-nav-view></ion-nav-view>
</body>
</html>
推荐答案
更新：MobileFirst Platform Foundation 7.1现在支持Angular 1.5;从IBM Fix Central升级到最新的iFix。
Angular 1.5和MFP 7.1之间存在不兼容性。
there is an incompatibility between Angular 1.5 and MFP 7.1.
要使用MFP 7.1成功制作Ionic应用程序，必须使用低于1.3的离子版本（1.2.4哥本哈根是最新版本）。
To successfully make an Ionic app with MFP 7.1, an ionic version below 1.3 must be used (1.2.4 Copenhagen is the latest).
Ionic 1.3推出Angular 1.5
Ionic 1.3 introduced Angular 1.5
这篇关于Ionic Mobile First Integration的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
