Попытка сброса ввода формы fiedl после ввода

Question

У меня есть php-форма с кодом angularjs.Начальный экран выглядит как Перед отправкой

После того, как пользователь отправит форму, я хотел бы очистить все поля, однако следующий код, похоже, не делает этого для поля, но делает длякнопка.

после отправки

До После того, как форма и код соответствуют приведенным ниже, я попытался закрыть поле электронной почты.Кнопка изменена, поэтому я знаю, что она проходит через код angularjs.

<!-- Contact Section Angularjs -->
<div id="myapp"  ng-controller="contacts_empcontroller">
<div id="contact" class="w3-container w3-padding-16" >
<h3 class="w3-border-bottom w3-border-light-grey w3-padding-16">Contact</h3>
<form id="contact_02" >
<p><h4> If you would like to book an event or conference please contact us.</h4></p>

    <p ng-bind="msg1"></p>
    <input id="name1"   class="w3-input w3-section"    type="text" placeholder="Name"    required name="Name"    value=" "      ng-model="name1">
    <input id="email1"  class="w3-input w3-section"    type="text" placeholder="Email"   required name="Email"   value=""     ng-model="email1">
    <input id="subject1" class="w3-input w3-section"   type="text" placeholder="Subject" required name="Subject" value=""   ng-model="subject1">
    <input id="comment1" class="w3-input w3-section"   type="text" placeholder="Comment" required name="Comment" value=""   ng-model="comment1">
    <input id="token1"   class="w3-input w3-section"   type="hidden" name="token1"       value="<?php echo $token;?>" >
    <button class="w3-button w3-black w3-section" ng-click="postData()" id="buttoncontact" >Send Message</button></p>
</form>
</div>
</div>

Код Angularjs

  if (data.success == "ip_over_2")
    {

      document.getElementById("buttoncontact").innerHTML = "Duplicate - Thanks";

      document.getElementById("email1").innerHTML = "-";

    }

Спасибо за любую помощь

Вторая форма

<div class=" col-sm-4 ">
<div id="myapp"  ng-controller="subscribe_controller">
<h4 style="color:black;" >Subscribe To Newsletter</h4>
<form id="subscribe_01">
<h4>
    <p ng-bind="msg2"></p>
    <input id="email2"   style="color:gray;" type="text" name="EMAIL" placeholder="Your Email Adddress" value="" ng-model="email2" required  ></h4>
    <input id="token2"   class="w3-input w3-section"   type="hidden" name="token2"       value="<?php echo $token;?>" >

    Enter Code: <font size="3" color="blue"><?php echo $captcha_token;?> </font>&nbsp&nbsp

    <input id="captcha"  type="text"  placeholder="Code" name="captcha" value=""  ng-model="captcha" size="10" required>
    <p><p>

    <button class="w3-button w3-black" ng-click="postData_subscribe()" id="buttoncontact_subscribe">Send To Subscribe</button></p>
</form>
</div>

Answer 1

Вместо document.getElementById("...").innerHTML; просто выполните:

$scope.name1 = '';
$scope.email1 = '';
$scope.subject1 = '';
$scope.comment1 = '';

Это обновит вашу модель (ng-model="email1") с указанным значением, в данном случае пустым значением (как вы указали, было целью).