Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/385.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代码中的错误,我可以';t解决了web don';t工作_Javascript_Angularjs - Fatal编程技术网

Javascript angularjs代码中的错误,我可以';t解决了web don';t工作

Javascript angularjs代码中的错误,我可以';t解决了web don';t工作,javascript,angularjs,Javascript,Angularjs,我刚开始学习angularjs,我不明白问题出在哪里 这是我得到的带有错误的图像 这是项目 以下是索引代码: <html ng-app="MyApp"> <head> <title>Web Site Student</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=

我刚开始学习angularjs,我不明白问题出在哪里

这是我得到的带有错误的图像

这是项目

以下是索引代码:

<html ng-app="MyApp">
<head>
    <title>Web Site Student</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="_scripts/jquery-3.1.1.min.js" type="text/javascript"></script>
    <script src="_scripts/angular.min.js"></script>
    <script src="_scripts/angular-route.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <link href="_css/bootstrap.min.css" rel="stylesheet" />
    <script src="_scripts/myapp.js"></script>
    <script src="_scripts/ctrols.js" type="text/javascript"></script>
    <script src="_scripts/json.js" type="text/javascript"></script>


</head>
<body>

        <nav class="navbar navbar-inverse">
            <div class="container-fluid">
                <div class="navbar-header">
                    <a class="navbar-brand" href="#">WebSiteStudent</a>
                </div>
                <ul class="nav navbar-nav">
                    <li class="active"><a href="#/list">Data</a></li>
                    <li><a href="#/analysis">Analysis</a></li>
                    <li><a href="#/monitor">Monitor</a></li>
                </ul>
            </div>
        </nav>
    <div  ng-view>

    </div>
</body>
</html>
以下是myapp.js代码:

    (function () {
    'use strict';

    angular.module('MyApp', [
        "ngRoute"
    ]);
}());

(function () {
    angular.module('MyApp')
        .config(
            function ($routeProvider, $locationProvider) {
                $locationProvider.hashPrefix('');
                $routeProvider
                    .when("/list", {
                        templateUrl: "addon/list.html",
                        controller: "ListCtrl"
                    })
                    .when("/analysis", {
                        templateUrl: "addon/analysis.html",
                        controller: "AnalysisCtrl"
                    })
                    .when("/monitor", {
                        templateUrl: "addon/monitor.html",
                        controller: "MonitorCtrl"
                    })
                    .otherwise({
                        redirectTo: "/list"
                    })
            });
}());

尝试删除对象属性末尾的逗号

{ 
            'id':"", 
            'name':"",
            'lastName':"",
            'email':"",
            'grade':"",
            'subject':"",
        }

“主题”:“

一些观察结果:

  • 在代码
    $scope.addNew
    函数中使用了两次,它应该只出现一次
  • personalDetails
    数组中的对象没有有效的
    JSON

解决方案:从对象的最后一对
键值中删除逗号

{ 
            'id':"", 
            'name':"",
            'lastName':"",
            'email':"",
            'grade':"",
            'subject':"",
        }