Javascript 如何使用angularJs闪烁按钮

Javascript 如何使用angularJs闪烁按钮,javascript,angularjs,html,css,Javascript,Angularjs,Html,Css,我正在开发angularJs SPA应用程序。我的前端html页面在单击时有一个按钮,它等待操作完成。我希望用户通知操作正在进行中。在操作完成之前,我正在考虑闪烁按钮或按钮上的文本,或者在给定场景中人们可能使用的任何其他方法。 我愿意接受一些建议,比如按钮上的微调器或者任何能向用户传达正确状态的东西 您可以通过布尔变量来实现这一点 例如: $scope.inProgress = false; $scope.someAction = someAction; function someAction

我正在开发angularJs SPA应用程序。我的前端html页面在单击时有一个按钮,它等待操作完成。我希望用户通知操作正在进行中。在操作完成之前,我正在考虑闪烁按钮或按钮上的文本,或者在给定场景中人们可能使用的任何其他方法。
我愿意接受一些建议,比如按钮上的微调器或者任何能向用户传达正确状态的东西

您可以通过布尔变量来实现这一点

例如:

$scope.inProgress = false;
$scope.someAction = someAction;

function someAction(){
   $scope.inProgress = true;

   //action here
   //on result
   $scope.inProgress = false;
}
操作完成后,将变量设置为false

在html中

    <button>
      <span ng-if="!inProgress">
        Submit
      </span>
      <span ng-if="inProgress">
        In progress
        <i class="glyphicon glyphicon-refresh glyphicon-spin"></i>
      </span> 
    </button>

它将在按钮内部创建旋转效果。您可以自己定制。

您可以通过布尔变量来实现这一点

例如:

$scope.inProgress = false;
$scope.someAction = someAction;

function someAction(){
   $scope.inProgress = true;

   //action here
   //on result
   $scope.inProgress = false;
}
操作完成后,将变量设置为false

在html中

    <button>
      <span ng-if="!inProgress">
        Submit
      </span>
      <span ng-if="inProgress">
        In progress
        <i class="glyphicon glyphicon-refresh glyphicon-spin"></i>
      </span> 
    </button>

它将在按钮内部创建旋转效果。您可以自己定制。

此按钮只处理一次,还是可以通过单击一个接一个按钮重复处理而不刷新页面?1.执行一次,我认为用一些加载标签替换按钮以表明它是一次性提交是有意义的。2.多次执行,您可以在执行过程中禁用该按钮,并有一些加载图标,在完成处理后启用该按钮。到目前为止,它是一次单击或一次提交事件。我同意选项1和选项2。1) 按钮在表单加载时启用,2)用户单击按钮开始操作3)需要从网页传送用户操作正在进行4)操作完成,按钮禁用。我如何使用angularJs实现上述功能?$scope.formState=1/2/3/4如您所述,ng disabled=“formState>1”,ng show=“formState>1&&formState”//show loading不能完全用CSS完成吗?该按钮是否只处理一次,或者可以通过单击一个接一个按钮重复处理,而无需刷新页面?1.执行一次,我认为用一些加载标签替换按钮以表明它是一次性提交是有意义的。2.多次执行,您可以在执行过程中禁用该按钮,并有一些加载图标,在完成处理后启用该按钮。到目前为止,它是一次单击或一次提交事件。我同意选项1和选项2。1) 按钮在表单加载时启用,2)用户单击按钮开始操作3)需要从网页传送用户操作正在进行4)操作完成,按钮禁用。我如何使用angularJs实现上述功能?$scope.formState=1/2/3/4正如您所描述的,ng disabled=“formState>1”,ng show=“formState>1&&formState”//show loading难道不能完全用CSS实现吗?我还发现以下问题很有用。我还发现以下问题很有用。