gpt4 book ai didi

javascript - $stateProvider 不工作并且不在控制台中显示错误

转载 作者:行者123 更新时间:2023-11-29 18:00:33 25 4
gpt4 key购买 nike

我是 Angular JS 的初学者,最近尝试了 $stateProvider,引用了一个教程-eggHead。从下面找到代码:

我没有得到正确的回应。

index.html

<!DOCTYPE html>
<html ng-app="myApp">
<head>
<title>Home Page</title>
</head>
<body>
<h1>Hello World</h1>
<ui-view></ui-view>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-router/0.2.18/angular-ui-router.js"></script>
<script src="js/app.js"></script>
</body>
</html>

first.html

<div>
<h1>Hello</h1>
<input type="text" ng-model="first.message" />
<h1>{{ first.message }} {{ "Naresh" }}</h1>
</div>

app.js

var app = angular.module( "myApp", ["ui.router"] );

app.config( function config($stateProvider){
$stateProvider.state("index", {
url:"",
controller:"CtrlOne as first",
templateUrl:"template/first.html"
})
});

app.controller( "CtrlOne", function CtrlOne(){
var first = this;
first.message = "Hi";
});

文件夹结构 Folder Structure Here

我在控制台中的输出没有错误

Output That I am getting. No error in Console

我哪里错了。我完全按照 EggHead Tutorial 中显示的内容进行操作

为什么 ui-view 不显示?没有显示错误供我进一步引用。

请高手帮帮我。如果事情不能正常工作,那真的很令人困惑。

提前致谢。

最佳答案

代码看起来不错,所以我认为这是一个 CORS 问题。

您正在加载看起来像 file:///C:/Users... URL 的内容。

这意味着它不会加载其他文件 - 你应该看到这样的错误:

XMLHttpRequest cannot load file:///C:/Users/.... Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource.

这是我在加载您的代码时看到的:

enter image description here

建议你看看here找出您的问题。

如果您启动并运行本地服务器,您的代码就可以工作。

关于javascript - $stateProvider 不工作并且不在控制台中显示错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35277625/

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