I'm currently enrolled in an online course and I've hit a roadblock with one of my assignments. The assignment involves a form with a submit button that triggers certain code upon clicking. However, when I click the submit button, the code doesn't execute at all. Here is the relevant nested div section where I'm facing the issue. I've removed irrelevant information to focus solely on the problem.
UPDATE: Good news, I managed to resolve the issue! The code started functioning as expected once I changed ng-submit="controller1.myFunction" to simply ng-submit="myFunction()". It's a bit odd, but it did the trick.
<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>