ngSubmit在modal中不工作
ngSubmit not working inside modal?
我的提交按钮似乎没有激活ng-click angular指令,我不知道为什么。似乎其他所有有这个问题的人都没有在表格中包含他们的提交按钮,我有99%的把握我做到了。
<div class="modal fade" id="subModal" ng-controller="SubscriberController" ng-controller-as="subCtrl">
<div class="modal-dialog modal-md">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">× </span><span class="sr-only">Close</span></button>
<h2 class="modal-title">Subscribe</h2>
</div>
<div class="modal-body">
<div class="row">
<div class="col-sm-12">
<div class="well">
<form ng-submit="console.log('submit')">
<div class="form-group">
<label for="subscriber-name" class="control-label"><strong>Name:</strong></label>
<input type="text" class="form-control" ng-model="subCtrl.subData.name" placeholder="John Doe" required>
</div>
<div class="form-group">
<label for="subscriber-email" class="control-label"><strong>Email:</strong></label>
<input type="email" class="form-control" ng-model="subCtrl.subData.email" placeholder="johndoe@example.com" required>
</div>
<div class="form-group">
<button type="submit" class="btn btn-success btn-lg btn-block"><i class='fa fa-envelope'></i> Subscribe</button>
</div>
<div re-captcha ng-model="subCtrl.subData.captcha"></div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
您需要放置类似的东西
<input ng-model="myForm.email" type="email" class="form-control" id="subCtrl.subData.email" placeholder="johndoe@example.com" required>
和
<input ng-model="myForm.name" type="text" class="form-control" ng-model="subCtrl.subData.name" placeholder="John Doe" required>
输入,并为表单提供名称属性
<form name="myForm" ng-submit="submit()">
plnkr:http://plnkr.co/edit/KRmZkPS6t4ANmAHwTevQ
相关文章:
- Javascript:selenium Web驱动程序isDisplayed()不工作
- jQuery UI自动完成突然停止工作
- AngularJS UI路由器不能像ng路由器那样工作
- ngSubmit在modal中不工作
- 使用Vueify和modal.vue主文件作为模态模板时,Vueify模态无法正常工作
- UI Bootstrap Modal 弹出窗口无法在 AngularJS 中正常工作
- 谷歌地图无法在modal中工作
- Bootstrap Modal,Modal无法正常工作
- 为什么我在使用.childs for.modal后还需要另一个$()才能工作
- modal('show')未按预期工作
- 没有resolve选项,Angularjs ui bootstrap modal不能工作
- Rails / jQuery / Modal forms -缓存问题?有时它们就停止工作了
- 不能让Bootstrap modal.js工作
- 代码后面的Bootstrap Modal不工作
- Twitter Bootstrap Modal在Rails中不工作
- Yii2, Javascript不能只在modal中工作
- Modal在本地服务器上工作,但不远程
- Modal中的Bootstrap手风琴只能工作一次
- modal=true的Primeffaces对话框无法正常工作
- $watch不能在Angular Modal中工作