如何显示Toast消息？

Question

我有一个登录控制器，当我输入错误的凭据时，它应该显示一个弹出消息，比如密码/用户名不正确。

$scope.doLogin = function() {

    $scope.loginSubmitted = true;
    $scope.loginstatus==0;
    authService.GetByUsername()
        .success(function(data) {
            $scope.UserData = data;
            console.log($scope.UserData);
            for (var i = 0; i < $scope.UserData.length; i++) {
                if ($scope.UserData[i].UserName == $scope.User.UserName && $scope.UserData[i].Password == $scope.User.Password) {
                    $scope.loginstatus=1;
                    break;
                }
            }
            if($scope.loginstatus==1){
                $state.go('app.single')
            }
            else {
                console.log('wrong credentials');
            }

            })
        .error(function(err) {
            console.log(err);
        });
    }

})

请帮助我，我不想编写新的服务。这可行吗？

- vishnuprasad kv

---

请使用此链接进行尝试：https://github.com/rajeshwarpatlolla/ionic-toast - Anil kumar

我只需要一种功能，当我按下某个按钮时，我需要得到一个提示消息。就这样。 - vishnuprasad kv

是的..点击按钮后，在您的逻辑中写入ionicToast.show("YOUR MESSAGE")。 - Anil kumar

安装库后，在您的index.html中添加以下代码：<script src="lib/ionic-toast/src/ionic-toast.js"></script>，并在您的app.js中注入模块'ionic-toast'。 - Anil kumar

Answer 1

这个链接可能会对你有所帮助......

https://codeseven.github.io/toastr/

- user6489054