我是 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";
});
我的输出在控制台中没有错误
我哪里出错了。我完全按照 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.
这是我在加载代码时看到的内容:
建议你看看here找出您的问题。
如果您启动了本地服务器并运行您的代码就可以工作。
关于javascript - $stateProvider 不工作并且不在控制台中显示错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35277625/