Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/79.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ionic-framework/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript AngularJs带有$scope控制器的空数据_Javascript_Html_Angularjs - Fatal编程技术网

Javascript AngularJs带有$scope控制器的空数据

Javascript AngularJs带有$scope控制器的空数据,javascript,html,angularjs,Javascript,Html,Angularjs,我已经为此挣扎了好几天,我看不出哪里出了问题。问题是我已经设置了一个带有路由和控制器的angularjs web,但是控制器在视图中显示的数据是空的,但是在控制台中,我可以通过console.log($scope)看到$scope输出和corect数据。这是密码 index.html <html> <head> <link rel="stylesheet" type="text/css" href="http://getbootstrap.com/dist/css/

我已经为此挣扎了好几天,我看不出哪里出了问题。问题是我已经设置了一个带有路由和控制器的angularjs web,但是控制器在视图中显示的数据是空的,但是在控制台中,我可以通过console.log($scope)看到$scope输出和corect数据。这是密码

index.html

<html>
<head>
<link rel="stylesheet" type="text/css" href="http://getbootstrap.com/dist/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
<script src="bower_components/angular/angular.js"></script>
<script src="bower_components/angular-md5/angular-md5.js"></script>
<script src="bower_components/angular-route/angular-route.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js">
/script><sctipt src="http://getbootstrap.com/dist/js/bootstrap.min.js">
/sctipt><script src="js/main.js"></script>
</head>
<body ng-app='app'>
<div ng-view></div>
</body>
</html>
我真的不知道我做错了什么,我遵循了许多路由教程,但什么都没有


控制台中没有错误,只有$scope输出。

这些代码行中存在印刷错误:


/sctipt>

您正在为loginController函数中的$scope参数指定一个新值

$scope={
    'singin':'Iniciar sesión',
    'user':'Usuario',
    'password':'Contraseña',
    'rememberme':'Recuérdame',
    'forgotpassword':'Recordar contraseña'
};
您需要了解,在这之后,您将失去到Angular正在使用的实际范围的链接。Angular根本无法知道您在控制器中的意图

下面是一段代码,可以实现这一技巧:

Object.assign($scope, {
    'singin':'Iniciar sesión',
    'user':'Usuario',
    'password':'Contraseña',
    'rememberme':'Recuérdame',
    'forgotpassword':'Recordar contraseña'
});

请注意,它只是向$scope对象添加了一些属性,因此可以完美地反映视图中控制器的更改。

一个问题是$scope声明中“
singin”
的输入错误。您尝试过我的解决方案吗?
$scope={
    'singin':'Iniciar sesión',
    'user':'Usuario',
    'password':'Contraseña',
    'rememberme':'Recuérdame',
    'forgotpassword':'Recordar contraseña'
};
Object.assign($scope, {
    'singin':'Iniciar sesión',
    'user':'Usuario',
    'password':'Contraseña',
    'rememberme':'Recuérdame',
    'forgotpassword':'Recordar contraseña'
});