Показать кнопку после функции

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="trunOn">Search</button>

Или

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

• Добавьте нг-если в элемент HTML кнопки и
• Добавить условие в эту функцию после того, как поиск успешно вернет результат.
• Пример: $scope.trunOn = true;

Answer 2

Это можно сделать с помощью директивы ng-show

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

В функции поиска после получения выполнения установите для переменной $ scope.showButton значение true.

Answer 3

вы можете добавить какой-нибудь флаг в свой угловой контроллер и установить этот флаг в вашу функцию поиска, если успешно, а затем вы можете использовать

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