为什么这个AngularJS代码只在Chrome中运行了一段时间?我怎么修理它?

为什么这个AngularJS代码只在Chrome中运行了一段时间?我怎么修理它?,angularjs,google-chrome,Angularjs,Google Chrome,我试图学习谷歌的“AngularJS”,但在Chrome浏览器中测试时遇到了困难。当我在MSIE中运行页面时,它每次都会工作。在Chrome中,有两种情况发生:一种是部分代码工作,另一种是全部代码工作 我知道如何在开发者工具中禁用Chrome缓存,并在测试时让开发者工具保持打开状态 “main.ctrl.js”文件定义了正确呈现的页面标题。更新员工列表的代码只在某些时间有效。所有这些在MS Internet Explorer中每次都有效。为什么?为什么?为什么 app.js angular.mo

我试图学习谷歌的“AngularJS”,但在Chrome浏览器中测试时遇到了困难。当我在MSIE中运行页面时,它每次都会工作。在Chrome中,有两种情况发生:一种是部分代码工作,另一种是全部代码工作

我知道如何在开发者工具中禁用Chrome缓存,并在测试时让开发者工具保持打开状态

“main.ctrl.js”文件定义了正确呈现的页面标题。更新员工列表的代码只在某些时间有效。所有这些在MS Internet Explorer中每次都有效。为什么?为什么?为什么

app.js

angular.module('app', []);
main.ctrl.js

angular.module('app').controller("EmployeeController", function(){
    var ec= this;

    ec.title = 'Employee List';

    ec.employees = [
        {
            firstName: "John",
            lastName: "Doe",
            office: "Washington D.C."
    }];

    ec.new = {};

    ec.addEmployee = function() {
        ec.employees.push(ec.new);
        ec.new = {};
    };
});
index.html

<!DOCTYPE html>
<html>

<head lang="en">
    <meta charset="UTF-8">
    <title>AngularJS Tutorial</title>

    <script src="angular.min.js"></script>
    <script src="app.js"></script>
    <script src="main.ctrl.js"></script>

</head>

<body ng-app="app" ng-controller="EmployeeController as main">
{{main.title}}

 <ul class="list-group">
        <li class="list-group-item" ng-repeat="employee in main.employees">{{employee.firstName}} {{employee.lastName}}, {{employee.office}}</li>
    </ul>

<form class="form" name="main.addForm" ng-submit="main.addEmployee()">
    <div class="form-group">
        <label>First Name <input class="form-control" ng-model="main.new.firstName" required type="text" /></label>
    </div>
    <div class="form-group">
        <label>Last Name <input class="form-control" ng-model="main.new.lastName" required type="text" /></label>
    </div>
    <div class="form-group">
        <label>Office <input class="form-control" ng-model="main.new.office" required type="text" /></label>
    </div>
    <div class="col-xs-6" style='align=center'>
        <button class="btn btn-success"><label class="glyphicon glyphicon-plus-sign">Add</button>
    </div>
</form>

</body>
</html>

AngularJS教程
{{main.title}
  • {{employee.firstName}{{employee.lastName},{{employee.office}
名字 姓 办公室 添加
表单中的按钮不是
submit
按钮,它只是一个常规按钮,这意味着表单不知道当您按下它时应该调用ng submit函数

尝试将其更改为类似以下内容,看看是否有效:



当你说“有时有效”时,你的意思是当它不起作用时,你必须刷新页面几次,直到它起作用吗?是的,但简单地重新加载页面很少能解决问题。这个问题是针对Chrome的。此外,标题是呈现的,而添加员工的逻辑失败了——这对我来说非常奇怪。我知道这段代码在MSIE中仍然有效,这似乎解决了问题。我认为这与缺少CSS有关。我已经删除了加载CSS文件的链接标签(Twitter引导)。我想知道这样一个按钮标签是如何提交表单的,我不明白为什么它在MSIE中工作而不加载CSS。是的,间歇工作是一个真正的谜。Javascript有时很奇怪,这就是我的答案。哦,真的吗?也许这并不是所有浏览器都能实现的,因为他或她在Chrome上遇到了问题。