Question

我想知道如何清除列表中的电子邮件。我设法创建了一个功能，我可以逐个删除电子邮件。但是，在发送点击发送邀请按钮后，我似乎找不到如何清除它们的方法。

我正在使用angular.js处理项目，以下是正在进行中的代码示例

<div class="content referral-sender-page">
  <div class="wrapper">
    <div class="main" ng-controller="ReferralDispatchController">
      <h1 class="h large">Send Invites</h1>
      <!-- TODO: Explanatory text -->
      <div>
      <section class="grid__item bp-md-one-third">
        <h5 class="h medium gray">To</h5>
        <span ng-repeat="e in emails" class="h small email-list">
            <span remove-on-click ng-click="removeEmail(e)" class="email-item">{{ e }} <small class="close">X</small></span>
        </span>
        <div class="col-2">
          <input class="input" type="email"
                 ng-model="email"
                 placeholder="Email">
          <a ng-click="addEmail()" class="button pads primary" >+</a>
        </div>
      </section>
      <section class="grid__item bp-md-two-thirds">
        <h5 class="h medium gray">Message</h5>
        <p>Write a message to send to your homies with your invite</p>
        <textarea class="text-input" ng-model="message" rows="5">
          This is awesome and you should try it!
        </textarea>
      </section>
      </div>
      <div class="space--bottom one-whole">
        <a ng-click="sendReferral()" class="button pads primary">Send Email Invite</a>
      </div>
    </div>
  </div>
</div>

var ctrls = angular.module('elstudio.controllers.site');

//Removes Element only
// ctrls.directive('removeOnClick', function() {
//     return {
//         link: function(scope, elt, attrs) {
//             scope.removeEmail = function() {
//                 elt.remove();
//             };
//         }
//     }
// });


ctrls.controller('ReferralDispatchController', function ($scope, UserService,
                                                         ReferralService) {

    $scope.emails = [];
    $scope.message = '';



    $scope.removeEmail = function(e) {
        var index = $scope.emails.indexOf(e);
        $scope.emails.splice(index, 1);
    };

    $scope.addEmail = function() {

        if (!$scope.email) {
            $scope.$emit('notify', { message: 'Please provide a valid email address' });
            return;
        }
        // If email already in list, ignore
        // FIXME: Provide feedback
        if ($scope.emails.indexOf($scope.email) != -1) {
            $scope.email = '';
            return;
        }

        $scope.emails.push($scope.email);
        $scope.email = '';
    };

    $scope.sendReferral = function() {
        if (!$scope.loginUser) {
            $scope.$emit('notify', { message: 'Please sign up or log in to your Electric account.',
                                     duration: 3000 });
            angular.element('html, body').animate({ scrollTop: 0 }, 'slow');
            angular.element('.login-toggle').click();
            return;
        }

        if ($scope.email != '') {
            $scope.emails.push($scope.email);
        }

        if (!$scope.emails) {
            $scope.$emit('notify', { message: 'Please provide at least one email address' });
            return;
        }

        var refer = {
            emails: $scope.emails,
            message: $scope.message
        };

        var sendSuccess = function() {
            $scope.$emit('notify', { message: 'An invitation has been sent!',
                                     duration: 4000 });
        };
        var sendFailed = function(error) {
            // Retry?
            $scope.$emit('notify', { message: "Couldn't send invitation",
                                     duration: 4000 });
        };

        ReferralService.email(refer).$promise.then(sendSuccess, sendFailed);
    };


});

Answer 1

请使用

  var refer = {
            emails: angular.copy($scope.emails),
            message:  angular.copy($scope.message)
        };

请查看detail

它会做深层复制。所以当我们更改$ scope.emails和$ scope.message中的值时，复制的值不会改变

还清除sendSuccess函数

中的$ Scope.email值

Answer 2

$scope.email = []; used to clear the array.

 var sendSuccess = function() {
        $scope.$emit('notify', { message: 'An invitation has been sent!',
                                 duration: 4000 });
     $scope.email = [];
    };

发送角度后清除电子邮件

2 个答案: