gpt4 book ai didi

javascript - 在 AngularJS 的 ionic 框架中使用 ui-router

转载 作者:数据小太阳 更新时间:2023-10-29 04:56:26 26 4
gpt4 key购买 nike

我正在开发一个使用 ionic 框架的应用程序。这反过来使用 ui-router。目前,我有一个非常基本的两页应用程序。但是,它将扩展到更大。此时,当我从第一个 View 转换到第二个 View 时出现错误。错误说:

TypeError: Cannot read property '1' of null
at http://localhost:11000/vendor/ionic/release/js/ionic.bundle.js:14235:28
at updateView (http://localhost:11000/vendor/ionic/release/js/ionic.bundle.js:37839:30)
at eventHook (http://localhost:11000/vendor/ionic/release/js/ionic.bundle.js:37786:17)
at Scope.$broadcast (http://localhost:11000/vendor/ionic/release/js/ionic.bundle.js:19725:28)
at $state.transition.resolved.then.$state.transition (http://localhost:11000/vendor/ionic/release/js/ionic.bundle.js:31686:22)
at wrappedCallback (http://localhost:11000/vendor/ionic/release/js/ionic.bundle.js:18429:81)
at http://localhost:11000/vendor/ionic/release/js/ionic.bundle.js:18515:26
at Scope.$eval (http://localhost:11000/vendor/ionic/release/js/ionic.bundle.js:19441:28)
at Scope.$digest (http://localhost:11000/vendor/ionic/release/js/ionic.bundle.js:19267:31)
at Scope.$apply (http://localhost:11000/vendor/ionic/release/js/ionic.bundle.js:19547:24)

我正在使用 Ionic Framework 的 1.0.0 beta 3。我的 app.js 文件如下所示:

"use strict";

var myApp = angular.module('myApp', ['ionic', 'ngRoute']);

myApp.config(function($stateProvider, $urlRouterProvider) {
$stateProvider
.state('intro', { url: '/', templateUrl: 'app/account/welcome.html', controller: 'WelcomeController' })
.state('login', { url: '/account/login', templateUrl: 'app/account/login.html', controller: 'LoginController '})
;

$urlRouterProvider.otherwise("/");
});

function WelcomeController($scope) {
}

function LoginController($scope) {
}

我的 index.html 看起来像这样:

<!DOCTYPE html>
<html ng-app="myApp">
<head>
<meta charset="utf8">
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
<title>MyApp</title>

<link rel="stylesheet" href="/vendor/ionic/release/js/ionic.bundle.min.js" />
<link rel="stylesheet" href="/css/app.css" />

<script type="text/javascript" src="/vendor/ionic/release/js/ionic.bundle.js"></script>
<script type="text/javascript" src="/vendor/angular-route/angular-route.min.js"></script>

<script type="text/javascript" src="/app/app.js"></script>
<script type="text/javascript" src="/app/controllers.js"></script>
</head>
<body>
<ion-nav-bar class="bar-positive" animation="nav-title-slide-ios7">
<ion-nav-back-button class="button-icon ion-arrow-left-c">
</ion-nav-back-button>

<h1 class="title">MyApp</h1>
</ion-nav-bar>

<ion-nav-view animation="slide-left-right">
</ion-nav-view>
</body>
</html>

welcome.html 看起来像这样:

<ion-view>
<br /><br />
<h1>Welcome</h1>
<a class="button" href="/#/account/login">Login</a>
</ion-view>

login.html 看起来像这样:

<ion-view>
<br /><br />
<h1>Login</h1>
</ion-view>

View 转换得很好。但是,我上面显示的错误让我担心。我怕它以后会咬我的屁股。有谁知道是什么原因造成的?有谁知道我该如何解决这个问题?

谢谢!

最佳答案

如果您使用 bundle ionic.js 文件,则不需要包含 ui-router,它已经包含在内。您也不需要包含 ng-router。

Heres the codepen

关于javascript - 在 AngularJS 的 ionic 框架中使用 ui-router,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23444602/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com