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