使用javascript显示图像或文本几秒钟

时间:2016-06-20 20:46:28

标签: javascript angularjs

我正在构建一个Web应用程序:Angular中的前端和Rails中的后端。 当用户完成填写应用程序时,他们需要按“保存”按钮来保存数据。

现在,当用户点击按钮时,目前没有反馈。单击按钮时,我想要显示“数据已保存”的文本或图像,持续2秒。

我想添加代码,但我不知道如何开始使用它。如果有人知道如何使用Angular或Javascript,请告诉我!

2 个答案:

答案 0 :(得分:2)

你很少继续,但一般情况下:

JS(确保将$ timeout和$ scope作为依赖项加载到控制器中):

$scope.showImage = function() {
    $timeout(function() {
        $scope.isVisible = false;
    }, 2000);

    $scope.isVisible = true;
};

HTML(根本不需要ID,只是为了指出它是什么):

<div ng-show="isVisible" id="saveConfirmImg"></div>
<button ng-click="showImage()" id="saveButton"></button>

答案 1 :(得分:0)

这是我给你的最多,因为我没有看到任何代码:

<div ng-show="loading"></div>

$scope.loading = false;

$scope.onClick = function() {
    $scope.loading = true;
    saveData(data).then(function()) {
        $scope.loading = false;
    }
}