按下提交按钮时如何添加新文本框.这是我尝试过的,我知道有些事情是错的.我仍然是棱角分明的新手.
例：
<!doctype html>
<html lang="en">
<head>
<Meta charset="UTF-8">
<title>Example - example-ngController-production</title>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.4.0/angular.min.js"></script>
<script>
angular.module('controllerAsExample',[]).controller('SettingsController1',function ($scope) {
$scope.contacts=[]
$scope.addContact = function()
{
$scope.contact.push({$scope.contact})
}
});
};
</script>
</head>
<body ng-app="controllerAsExample">
<div id="ctrl-as-exmpl" ng-controller="SettingsController1">
<ul>
<li ng-repeat="contact in contacts">
<input type="text" ng-model="contact" />
</li>
<li><button ng-submit="addContact()">add</button></li>
</ul>
</div>
</body>
</html>
在您的代码中,您正在做： –
$scope.addContact = function() { $scope.contact.push({$scope.contact}) }
这就是问题所在.如果您只需要添加一个空文本框,则只需要向联系人添加一个空联系人,ng-repeat将负责在列表中添加新文本框.另一件事是你正在接触,而不是接触.
此外,ngSubmit在表单中使用,您没有.因此,请改用ng-click.这是一个显示代码工作的plunker.
$scope.addContact = function() { $scope.contacts.push({ name: '' }); }
原文地址：https://www.jb51.cc/angularjs/143590.html
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。
