Question

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

这是我的代码

   <!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>

我将错误附加在下面的屏幕截图

enter image description here

Answer 1

更改包含的js文件的顺序

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

Answer 2

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

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

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

2 个答案: