Question

我的回复来自webservice，因为＆＃34;没有找到附件＆＃34;和＆＃34;附件发现＆＃34;。我希望在页面上显示2个不同的图像，一个没有附件找到的情况，另一个在附件找到的情况下。

这是我的HTML：

  $scope.responseofdoc = [];

    $scope.findDoc = function() {
                    $scope.urlObj = [];
                    $scope.docCheck = false;
                    $scope.docListCheck = false;
                    $scope.cLoader = true;
                    $scope.docMsg = "No Attachment found";
                    $scope.docModalOpen = true;
                    attachmentService.fetchAttachmentId(temp).then(function(response) {
                            console.log(response);
                            if (response == "No Attachments found") {
                                console.log("my response");
                                $scope.responseofdoc.push(response == "No Attachments found");
                                console.log( $scope.responseofdoc);
                                $scope.docMsg = response;
                                $scope.docCheck = true;
                                $scope.cLoader = false;
                                // $scope.docListCheck = false;
                            } else {
                                console.log("found attachment");
                                console.log("my response");
                                $scope.docListCheck = true;
                                var data = JSON.parse(response);
                                //  $scope.urlObj = [];
                                getDocBase64(data);
                            }
                        },
                        function(error) {
                            console.log(error);
                            $scope.docMsg = "Error while fetching attachment";
                            $scope.docCheck = true;
                            $scope.cLoader = false;
                        });

                }

这是我的控制器：

{{1}}

我将如何检查$ scope.responseofdoc = []内的字符串响应;在我的html中使用ng-if条件的数组并显示所需的文档图像？

Answer 1

在你的html尝试：

<div  style="float:left">
  <img src="img/icon_doc_active.png " style="width:20px" ng-if="hasdocument(response == 'attachment found')" ng-click="findDoc() "></img>

  <img src="img/icon_doc_inactive.png " style="width:20px" ng-if="!hasdocument(response == 'no attachment found')"></img>
</div>

当您使用双引号时，它会与您用于属性的双引号冲突。因此，当您使用双引号与单引号进行比较时，反之亦然。

Answer 2

关闭HTML中元素的ng-if属性。你应该使用单引号：

ng-if="hasdocument(response == 'attachment found')"

对这两个元素进行更改，它应该可以正常工作。

如何在字符串中使用ng-if条件？

2 个答案: