Javascript 由于ng提交不起作用,我被卡住了,它赢了';当我点击它时,它不会运行
我正在上一门在线课程,我被一项作业困住了。在我的作业中,我有一个窗体和一个窗体按钮,当您单击按钮时,它会运行代码。但是,当我单击submit按钮时,我的代码根本不会运行。这是我的代码的嵌套div,问题就在这里。我已经删掉了一些东西,保留了所有与我的问题有关的信息 编辑:我解决了,我发现了问题。当我将ng submit=“contoller1.myFunction”更改为ng submit=“myFunction()”时,它就开始工作了。这有点奇怪,但很管用Javascript 由于ng提交不起作用,我被卡住了,它赢了';当我点击它时,它不会运行,javascript,angularjs,forms,controller,angular1.6,Javascript,Angularjs,Forms,Controller,Angular1.6,我正在上一门在线课程,我被一项作业困住了。在我的作业中,我有一个窗体和一个窗体按钮,当您单击按钮时,它会运行代码。但是,当我单击submit按钮时,我的代码根本不会运行。这是我的代码的嵌套div,问题就在这里。我已经删掉了一些东西,保留了所有与我的问题有关的信息 编辑:我解决了,我发现了问题。当我将ng submit=“contoller1.myFunction”更改为ng submit=“myFunction()”时,它就开始工作了。这有点奇怪,但很管用 <div ng-controll
<div ng-controller="Controller as controller1">
<div class="row row-content">
<form class="form-horizontal" role="form" novalidate name="myForm" ng-submit="controller1.myFunction()">
<div class="form-group">
<label class="control-label col-sm-2" for="name">Your Name</label>
<div>
<input type="text" id="name" name="name" class="form-control" placeholder="Enter Your Name" required>
</div>
</div>
<div class="form-group">
<label for="commentField" class="col-sm-2 control-label">Your Comments</label>
<div>
<textarea class="form-control" id="commentField" name="feedback" rows="12" required></textarea>
</div>
</div>
<div class="form-group">
<div>
<button type="submit" class="btn btn-primary">Submit Comment</button>
</div>
</div>
</form>
</div>
</div>
你的名字
你的评论
提交评论
删除表单标签上的ng submit并更改按钮:
<button type="submit" class="btn btn-primary" ng-click="vm.submit()">Submit Comment</button>
提交评论
您还需要表单上的“action”属性。如果您想对数据做些什么(保存、解析等),请在输入上添加模型。您的元素上是否缺少ng模型?ng模型是在客户端和服务器之间传递的数据 我可以知道为什么吗??上面的代码应该有效。。但是他必须负责输入
s
ng model`我的代码中已经有了ng model,我刚刚从我的问题中删除了它们,因为它们是在线作业的一部分,我正在做编辑答案,在表单标签中添加“action”。我已经有了这些,我在提交问题时删除了它们,因为它们是我正在做的在线课程作业的一部分。这应该很好。这正是ng submit
的工作原理。您不需要像下面所述的答案之一那样,在提交按钮中添加ng单击
。我猜是controller1.myFunction()
不会因为任何原因被调用。很难说没有看到所有的代码。如果您执行ng submit=“true”
表单是否提交?