Javascript 提交角度表单以更新用户详细信息-失败
目标 表单提交应更新用户详细信息。当用户输入信息时，网站应显示用户详细信息。请注意，“novalidate”处于打开状态，需要输入“email”（因此，只有在提交了正确的电子邮件后，才会显示user.email信息） 现场演示 index.html 问题Javascript 提交角度表单以更新用户详细信息-失败,javascript,html,json,angularjs,Javascript,Html,Json,Angularjs,目标 表单提交应更新用户详细信息。当用户输入信息时，网站应显示用户详细信息。请注意，“novalidate”处于打开状态，需要输入“email”（因此，只有在提交了正确的电子邮件后，才会显示user.email信息） 现场演示 index.html 问题 我不确定我在这里哪里出了问题。从LIVE DEMO（）中可以看到，预览没有呈现“{user | json}”。 如果我将app.js放入HTML中的标记并删除“。。。var app=“然后{{user | json}}消失（但没有完全呈现）
您的预览位于带有ng控制器的div之外。请尝试将其移动到div中。此解决方案有效，感谢您解决并解决了一个简单的问题（它让我发疯）！预览必须在控制器被调用的范围内，否则它无法获取用户信息。另外，我不是之前投票否决你的人。啊，我看到下面的答案对你有用。太好了！@PaulFitzgerald请查看Jacob Buczarski的回复-问题是因为它没有包含在（控制器所在地）。关于plunker，请检查您是否有任何浏览器扩展与plunker的操作有冲突。是的，看到它对您有效，我也想说我也没有投他的反对票
<!DOCTYPE html>
<html ng-app="formExample">
<head>
<title>Anna Dowlin</title>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.4.0-rc.1/angular.min.js"></script>
<script src="app.js"></script>
</head>
<body>
<div ng-controller="SubmitCtrl">
<p>Insert Email Below and watch User information be updated</p>
<form novalidate>
<input type="email" placeholder="Your email" ng-model="user.email" required>
<input type="submit" ng-click="submit(user)">
</form>
</div>
<pre>form = {{user | json}}</pre>
</body>
</html>
(function() {
var app = angular.module('formExample', []);
app.controller('SubmitCtrl', ['$scope',
function($scope) {
$scope.master = {};
$scope.submit = function(user) {
$scope.master = angular.copy(user);
};
}
]);
});