我正在构建一个Web应用程序:Angular中的前端和Rails中的后端。 当用户完成填写应用程序时,他们需要按“保存”按钮来保存数据。
现在,当用户点击按钮时,目前没有反馈。单击按钮时,我想要显示“数据已保存”的文本或图像,持续2秒。
我想添加代码,但我不知道如何开始使用它。如果有人知道如何使用Angular或Javascript,请告诉我!
答案 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;
}
}