Question

我在尝试什么？

单击按钮，显示进度条并隐藏单击的按钮。

问题

按钮未隐藏且图像未显示。我检查了元素，我可以确认图像是正确的URL。

我的AngularJs Html低于

<form ng-submit="doLogin();" novalidate name='loginForm'>
    <input type="text" name="EmailAddress" ng-model="credentials.EmailAddress" required/>
    <button type="submit" ng-disabled="loginForm.$invalid" ng-show="{{RegisterShow}}">
        Login
    </button>
    <img ng-src="{{imgProcessingPath}}" ng-show="{{imgProcessingShow}}">
</form>

控制器位于

之下

myApp.controller('LoginController', ['$scope',
    function($scope) {

        $scope.imgProcessingPath = appUrl + "Images/ajax-loader.gif";
        $scope.imgProcessingShow = false;
        $scope.RegisterShow = true;

        angular.extend($scope, {
            doLogin: function() {
                $scope.imgProcessingShow = true;
                $scope.RegisterShow = false;

                var data = {
                    "EmailAddress": $scope.credentials.EmailAddress
                };
                userModel.doLogin(data).then(function(response) {
                    $scope.imgProcessingShow = false;
                    $scope.RegisterShow = true;
                },function(response) {
                    $scope.imgProcessingShow = false;
                    $scope.RegisterShow = true;
                });
            }
        });
    }
]);

我错过了什么吗？

Answer 1

尝试在html文件中删除ng-show的花括号！

    UiScrollable phoneContSwipe = new UiScrollable(new UiSelector().scrollable(true));

    UiObject nameTest=phoneContSwipe.getChild(new UiSelector().text("Name"));
    nameTest.setText("Ramu");

    UiObject phoneText=phoneContSwipe.getChild(new UiSelector().text("Phone"));
    phoneText.setText("11111111111");

或者您也可以使用

ng-show="RegisterShow"

Answer 2

ng-show不应该有表达式，它的作用类似于model变量，

将其更改为，

<button type="submit" ng-disabled="loginForm.$invalid" ng-show="RegisterShow">

也

<img ng-src="{{imgProcessingPath}}" ng-show="imgProcessingShow">

Answer 3

我发布这个作为答案，因为我没有代表发表评论。

删除ng-show中的括号。

<img ng-src="{{imgProcessingPath}}" ng-show="imgProcessingShow">

显示图片的问题

3 个答案: