Question

我有一个搜索功能和一个按钮。我只希望按钮在搜索成功返回结果后出现，该怎么办？

HTML：

  <input type="text" class="searchFeature" ng-model="selected" ng-keyup="$event.keyCode == 13 && searchFunction()" uib-typeahead="value for value in themename | filter:$viewValue | limitTo:7" placeholder="Start your search here.">
  <button>DL</button>

JavaScript：

       $scope.searchFunction = function() {
          // searchLayer.clearLayers();
          for ( var i = 0; i < $scope.allTheme.length; i++) {
              if ($scope.selected == $scope.allTheme[i].THEMENAME)
              {
                  $scope.selectedTheme = $scope.allTheme[i].QUERYNAME;
                  apiURL = 'url';
                      $http.get(apiURL).then(function(response) {
                        $scope.apiResult = response.data.SrchResults;
                        $scope.apiResult.splice(0,1);
                        for (var i= 0; i < $scope.apiResult.length; i++) {
                          if ($scope.apiResult[i].Type == "Point"){
                             $scope.dataLatLng.push($scope.apiResult[i].LatLng)
                             $scope.Lat.push($scope.dataLatLng[i].split(',')[0]);
                             $scope.Lng.push($scope.dataLatLng[i].split(',')[1]);
                             L.marker([$scope.Lat[i], $scope.Lng[i]], {icon: greenIcon}).bindPopup($scope.apiResult[i].NAME).addTo(searchLayer);
                           }

                        }
                      })
              }

          }

       }

我尝试做的事情：

   <a ng-href="" ng-click="" ng-if="selectedTheme ==''" download>SHP</a>

Answer 1

您可以在角度控制器中添加一些标志，如果成功，可以将该标志设置到搜索功能中，然后就可以使用

<button ng-if="flagOn">DL</button>

Answer 2

<button ng-if="trunOn">Search</button>

或

<button ng-show="trunOn">Search</button>

在html按钮元素中添加 ng-if 和
在搜索成功返回结果之后，在该函数中添加条件。
示例：$scope.trunOn = true;

Answer 3

这可以通过使用ng-show指令来完成

<button ng-show="showButton">DL</button>

在执行后的搜索功能中，将$ scope.showButton变量设置为true。

功能后显示按钮

3 个答案: