Angularjs 控制台保持显示角度未定义

Angularjs 控制台保持显示角度未定义,angularjs,Angularjs,我是angularjs新手,我尝试使用angularjs实现一个简单的代码,但当我尝试在浏览器中运行它时,它会在控制台中不断提示错误 这是我的密码 <!DOCTYPE html> <html lang="en"> <head> <script src="app.module.js"></script> <script src="angular.js"></script> <sc

我是angularjs新手,我尝试使用angularjs实现一个简单的代码,但当我尝试在浏览器中运行它时,它会在控制台中不断提示错误

这是我的密码

   <!DOCTYPE html>
<html lang="en">
<head>
    <script src="app.module.js"></script>
    <script src="angular.js"></script>
    <script src="main.controller.js"></script>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body ng-app="DriverApp" >
<div ng-controller="MainController" >
    <table>
        <thead>
        <tr>
            <th></th>
            <th>First name</th>
            <th>Last name</th>
            <th>Birthday</th>
            <th>Vehicle</th>
            <th></th>
        </tr>
        </thead>
        <tbody>
        <tr ng-repeat="driver in drivers">
            <td>{{driver.ranking}}</td>
            <td>{{driver.firstName}}</td>
            <td>{{driver.lastName}}</td>
            <td>{{driver.birthday}}</td>
            <td>{{driver.vehicle}}</td>
            <td><a>Open</a></td>
        </tr>
        </tbody>
    </table>
    <form name="MyForm">
        <div id="collapseExample" >
            <br/>
            <div>
                <input type="text" placeholder="Rank" ng-model="driver.ranking">
            </div>
            <div>
                <input type="text" placeholder="First name" ng-model="driver.firstName">
            </div>
            <div>
                <input type="text" placeholder="Last name" ng-model="driver.lastName">
            </div>
            <div>
                <input type="text" placeholder="Birthday" ng-model="driver.birthday">
            </div>
            <div>
                <input type="text" placeholder="Vehicle" ng-model="driver.vehicle">
            </div>
            <div>
                <button ng-click="addDriver()">Add</button>

            </div>
            <br/>
        </div>

    </form>
</div>
</body>
</html>

标题
名字
姓
生日
车辆
{{driver.ranking}
{{driver.firstName}
{{driver.lastName}
{{司机生日}
{{driver.vehicle}}

包含的js文件的变更顺序

<script src="angular.js"></script>
<script src="app.module.js"></script>
<script src="main.controller.js"></script>
<script src="angular.js"></script>
<script src="app.module.js"></script>
<script src="main.controller.js"></script>

包含的js文件的变更顺序

<script src="angular.js"></script>
<script src="app.module.js"></script>
<script src="main.controller.js"></script>
<script src="angular.js"></script>
<script src="app.module.js"></script>
<script src="main.controller.js"></script>

尝试更改脚本文件的顺序:


尝试更改脚本文件的顺序: