提交按钮没有被调用 - AngularJs
问题描述:
我有一个窗体与多个控件,其中我已设置所需的字段验证。如果数据是正确的,我想调用提交按钮。但即使所有数据都填满了,点击提交按钮,按钮也不会被调用。下面是使用的样例代码:提交按钮没有被调用 - AngularJs
<form name="mainForm" id="createForm" ng-submit="mainForm.$valid && add()" novalidate>
<div ng-controller="testController" ng-init="init()">
<div class="container" ng-show="createMenu">
<br />
<div class="row">
<div>
<label>Test:</label>
</div>
<div >
<select name="testTypeSelect" required ng-model="selectedtestType" ng-options="test.TestTypeName for test in tests" ng-change="updateImageUrl(selectedTestType)">
<option value="">-- Select the test --</option>
</select>
</div>
</div>
<span style="color:red" ng-show="submitted == true && mainForm.testTypeSelect.$error.required"> Type is required</span>
<div class="row">
<div >
<label>Name :</label>
</div>
<div>
<input type="text" required ng-model="testName" name="testName" />
</div>
</div>
<input type="submit" value="Submit" ng-click="submitted=true" />
//在controller.js
$scope.add = function() {
$scope.init();
alert("hi");
$scope.addData();
};
如何解决这一问题? 谢谢
答
你的控制器在form标签后面注入,add()函数调用不在控制器注入。
<form name="mainForm" id="createForm" ng-submit="mainForm.$valid && add()" novalidate>
<div ng-controller="testController" ng-init="init()">
变化到
<div ng-controller="testController" ng-init="init()">
<form name="mainForm" id="createForm" ng-submit="mainForm.$valid && add()" novalidate>
+0
试过..存在同样的问题 – venkat14
可以是形式是无效的。你提出了一个条件,试图删除表单标签的ng-submit中的mainForm。$ valid。如果您希望表单有效,请输入alid数据 –
使用Angular检查器查看 – Mikkel
表单的$ valid属性是否可以添加plunkr? –