gpt4 book ai didi

javascript - 基本 UI 路由示例,但出现错误

转载 作者:行者123 更新时间:2023-12-03 11:43:31 25 4
gpt4 key购买 nike

我尝试学习 AngularJS。目前我专注于 ui-Routing。我的代码非常简单,但它确实有效,我不知道为什么。

我的问题描述:

http://de.tinypic.com?ref=kd22ow.jpg

浏览器显示:“Hello World ui-路由!” (index.html 中的 h1)

如果我尝试输入index.html/home。它说:找不到错误文件!

这是我的代码:

index.html

<html>
<head>
<title>My Angular App!</title>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.19/angular.min.js"></script>
<script src="app.js"></script>
</head>
<body ng-app="Test" ng-controller="MainCtrl">
<h1>Hello World ui-Routing!</h1>
<div ui-view>
</div>
</body>
</html>

app.js:

angular.module('Test', ['ui-router'])

.config([
'$stateProvider',
'$urlRouterProvider',
function($stateProvider, $urlRouterprovider)
{
$stateProvider

.state('home', {
url: '/home',
templateUrl: '/home.html',
controller: 'MainCtrl'
});

.state('test', {
url: '/test',
templateUrl: '/test.html',
controller: 'TestCtrl'
});

$urlRouterProvider.otherwise('home');
}])

.controller('MainCtrl', ['$scope',
function($scope){
$scope.test = "Hello Jan!";
});

.controller('TestCtrl', ['$scope',
function($scope){
$scope.test = "Hello Redirect!";
});

测试.html:

<h2>Hello Test! </h2>

home.html:

<h2>Hello Home! </h2>

我的问题出在哪里?

期待您的答复,一月

最佳答案

您也需要在 html 页面中包含 ui-router 脚本,它是第三方的,不包含在 Angular 中。

关于javascript - 基本 UI 路由示例,但出现错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26160389/

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