Fatal编程技术网
  • javascript/
  • Javascript 初学者在角。什么'；怎么了？

Javascript 初学者在角。什么'；怎么了？

javascript angularjs

Javascript 初学者在角。什么'；怎么了？,javascript,angularjs,Javascript,Angularjs,我正在关注Youtube上的一个教程……我相信我做的一切都是正确的，但它不起作用……在视频@Youtube上，它就像一个魔咒，但我不能让它在本地工作。有线索吗？屏幕上没有错误，甚至没有结果。这只是一个空白页 在我的controller.js中 var demoApp = angular.module('demoApp',[]); //Routes demoApp.config(function ($routeProvider){ $routeProvider .when('/view1'

我正在关注Youtube上的一个教程……我相信我做的一切都是正确的，但它不起作用……在视频@Youtube上，它就像一个魔咒，但我不能让它在本地工作。有线索吗？屏幕上没有错误，甚至没有结果。这只是一个空白页

在我的controller.js中

var demoApp = angular.module('demoApp',[]);
//Routes
demoApp.config(function ($routeProvider){
$routeProvider
    .when('/view1',
    {
        controller : 'SimpleController',
        templateUrl : 'view1.html'
    })
    .otherWise('/',
    {
        redirectTo : '/view1'
    });
});

//Controllers
demoApp.controller('SimpleController' , function ($scope) {
    $scope.familyArray = [
    { name : 'Me ', city : 'London'},
    {name : 'Wife', city : 'St. Matheus'},
    {name : 'Son', city : 'Ipswich'}
];
});
在my index.html中。我已经

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" data-ng-app="demoApp">
<head>
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
    <title>My Title</title>
</head>
<body>
<div>
    <div data-ng-view="">

    </div>
</div>
    <script src="./css_and_js/angular.min.js"></script>
    <script src="./css_and_js/controller.js"></script>
</body>
My index.html：没有更改

实际上，没有例外，但我仍然面对空白页：（

< P>）我相信问题在你的VIEW1.HTML，第3行。引号在数据NG模型上的错误位置，因为它们应该包围所有的“过滤器.NAMEPATION”。

< P>角工作与HTML5。你有错误的DOCTYPE。你需要：

<!doctype html>
另外，取
xmlns=”http://www.w3.org/1999/xhtml“
从html标记中删除

关于调试，你不应该使用任何东西的缩小版本进行调试。

如果你的视频是旧的，而你使用的是Angular.js的新版本，那么你可能没有
$routeProvider
。在某个时候，Angular团队从核心
Angular.js
文件中取出
$routeProvider
，并将其放入名为
ngRoute
的单独模块

您需要更改模块定义，如下所示：

var demoApp = angular.module('demoApp',[ngRoute]);
您需要包含
angular route.js
script标记

<script src="./css_and_js/angular-route.js">
这里有一些关于

的附加信息，您的代码有几个错误和错误的假设

angular的新版本要求将ngRoute声明为依赖项

依赖项：

您必须将其添加到index.html中 例如：

<script src="http://cdnjs.cloudflare.com/ajax/libs/angular.js/1.2.18/angular-route.js"></script>
它仍然无法工作，因为您有语法错误

.otherWise('/',
应该是

.otherwise('/',
{
    redirectTo : '/view1'
});
您可以在现场看到它

不要使用angular的缩小版本进行开发。您的angular.js文件是否包含路由模块？嘿，泰！！！不再有例外。但是它仍然显示一个黑色页面：（即使在小提琴中，也没有结果：（但我真的很感激：）fiddle没有索引。html…请具体说明。什么是“问题”？你能在partials中使用“hello world”而不是复杂的角度语法吗？正如我所说的。问题是一个空白屏幕。一个简单的空白屏幕-没有任何关于view1.ty的痕迹！！就像Edward回答：）我相信这是正确的方法…我仍然面临问题…但是我很感谢得到了一个好的指导！这确实是一个错误！TYVM！！！但是我仍然面临同样的结果：（很快或很晚我相信我可以在你和其他人的帮助下解决所有问题！ty！ 
var demoApp = angular.module('demoApp',['ngRoute']);

.otherWise('/',

.otherwise('/',
{
    redirectTo : '/view1'
});