javascript - 我必须点击按钮两次才能添加评论

Question

我的表单中有一个按钮。当我点击它时，评论应该会与电子邮件和一个小头像一起出现。我的问题是我必须点击按钮两次。我在选项请求方面遇到了一些问题。我正在使用 CORS 插件来执行应用程序，因为 json 文件位于另一个域中。现在请求的类型是 POST，但需要点击 2 次才能生效。

这是 Controller 的函数。在 View 中，我只有一个 input type=submit ，其中包含 ng-click 。

$scope.envoyer_comment = function() {

    $scope.c = $scope.commentaire;
    $scope.e = $scope.email;

    var comment = {
      article_id: $scope.article.Article.id,
      titre: $scope.article.Article.titre,
      content: $scope.article.Article.content,
      commentaire: $scope.commentaire,
      email: $scope.email
    }

    if ($scope.flag == 0) {
      $.ajax({
        type: "POST",
        url: "https://www.yabiladi.com/newsapi/post.json",
        data: comment,
        datatype: "json",
        success: function(res) {
          $scope.d = 0;

        },
        error: function() {
          console.log("Erreur");
        }


      })
    }

View 部分，包括函数的使用

<div ng-if="flag==0">

  <label for="field2"><span style="margin-left:18px;">Commentaire:</span><textarea ng-trim="false" ng-model="$parent.commentaire" class="textarea-field outer" ng-maxlength="3000" required>Hello</textarea></label>
  <span style="margin-right:130px;">{{3000 - text.length}} caractères restants</span>

  <br/>

  <label for="field3"><span style="margin-left:18px;">email:</span><input type="text" class="input-field outer" ng-model="$parent.email" style="width:50%" required></label>

  <br/>

  <label><input type="checkbox" class="input-checkbox" name="checkbox1" style="margin-left:18px;"> 

Je souhaite recevoir un email à chaque commentaire<br/>&nbsp &nbsp &nbsp sur cet article
</label>
  <br/>

  <label><span>&nbsp</span><input type="submit" data-ng-click="envoyer_comment()" value="Envoyer" style="margin-left:-20%" ng-disabled="commentaire_article.$invalid"/></label>

  <br/>
  <br/>
  <br/>
  <div ng-hide="d">
    <ion-item style="border:0px;font-size:10px;margin-left:-50px;margin-top:-30px" class="item-text-wrap">
      <div class="form-style-2-heading" style="background-color: #fbf8f7;color:black;height:47px;margin-bottom:6px;margin-top:6px">
        <div style="margin-left:-240px;padding-top:5px"><img ng-src="img/sans titre.png" height="41" width="35" style="margin-left:-85px;margin-bottom:12px" style="border:0px">
          <div style="margin-left:45px;margin-top:-50px">{{e}}</div><br/>
          <div style="margin-left:90px;margin-top:-10px"> Date:{{timeNow|date:"d/m/y à HH:mm":"UTC"}}</div>
        </div>
      </div>
      <div style="padding-right: 50px;margin-bottom:30px" align="left">{{c}}</div>
    </ion-item>
  </div>
  <ion-list ng-repeat="article2 in article1.comments">



    <ion-item style="border:0px;font-size:10px;margin-left:-50px;margin-top:-30px" class="item-text-wrap">
      <div class="form-style-2-heading" style="background-color: #fbf8f7;color:black;height:47px;margin-bottom:6px;margin-top:6px">
        <div style="margin-left:-240px;padding-top:5px"><img ng-src="{{article2.avatar}}" height="41" width="35" style="margin-left:-85px;margin-bottom:12px" style="border:0px">
          <div style="margin-left:45px;margin-top:-50px">{{article2.PhorumMessage.author}}</div><br/>
          <div style="margin-left:90px;margin-top:-10px"> Date:{{article2.PhorumMessage.datestamp * 1000|date:"d/m/y à HH:mm":"UTC+0100"}}</div>
        </div>
      </div>
      <div style="padding-right: 50px;margin-bottom:30px" align="left">{{article2.PhorumMessage.body}}</div>
    </ion-item>
  </ion-list>

</div>

变量flag用于语言，变量d用于显示新评论。

来自开发工具的屏幕截图 ss dev tools

Answer 1

您能提供有关 html 代码的更多详细信息吗？

我假设没有任何东西改变“$scope.flag”变量的值，并且您已经检查了第一次执行中是否没有任何错误。

如果可以的话，贴出网页的代码。