如何隐藏现有数据并显示错误消息

Question

<select class="form-control" ng-model="myCtrl.selectedEnvironment" 
ng-change="myCtrl.fetchEnvData(myCtrl.selectedEnvironment)"
ng-options="option.id as option.displayName for option in myCtrl.environments">     
</select>

如果所选选项不包含任何数据，那么我需要显示错误消息而不是显示现有数据。

通过服务器的数据

fetchEnvData: function(envId) {
            console.log('http://......../'+envId);
                return $http.get('http://........../'+envId)
                        .then(
                                function(response){
                                    return response.data;
                                },
                                function(errResponse){
                                    console.error('Error while fetching fetchEnvData');
                                    return $q.reject(errResponse);
                                }
                        );
        }


controller code :

self.fetchEnvData = function(envId){
          EnvDataViewerService.fetchEnvData(envId)
              .then(
                           function(d) {
                                self.envData = d;
                           },
                            function(errResponse){
                                console.error('Error while fetching EnvData');
                                alert('Error While Fetching EnvData');
                            }
                   );
      };

Answer 1

类似

<div ng-if="myCtrl.selectedEnvironment">
  your display data here...
</div>
<div ng-if="!myCtrl.selectedEnvironment">
  {{message}}
</div>