Угловое ng-show, как сделать видимым

Question

Работа с простой формой контакта, где мне нужно показать сообщение об ошибке, если неопределенность $ не определена.

Часть проверки выполняется, однако я не могу вспомнить, как включить просмотр сообщения под ng-show на стороне html.

HTML:

<p class="response error" ng-show="error">{{errorMessage}}</p> 

JS:

var $emptyContent = 'Please enter your prices.'; 
app.controller('priceForm', ['$scope', '$http', function($scope, $http){ 
$scope.formData; 
// Process the form data 
$scope.submitForm = function() { 
    console.log($scope.formData); 
    if($scope.formData == null) { 
    // Show empty content message 

    console.log($emptyContent); 
    } 

} 
}]) 

Answer 1

Просто сделать error флаг в true внутри контроллера ИЛИ вы можете просто ng-show="errorMessage", как @ryanyuyu предложил в комментарии.

Код

$scope.submitForm = function() { 
    console.log($scope.formData); 
    if($scope.formData == null) { 
    $scope.error = true; //or //$scope.errorMessage = $emptyContent; 
    } 
}; 

Answer 2

Вы не хотите, чтобы создать настраиваемую область ошибок используется предопределенный объект, чтобы решить эту проблему

<form name="myForm"> 
    <label> 
    Enter your name: 
    <input type="text" 
      name="myName" 
      ng-model="name" 
      ng-minlength="5" 
      ng-maxlength="20" 
      required /> 
    </label> 
    <pre>myForm.myName.$error = {{ myForm.myName.$error | json }}</pre> 

    <div ng-messages="myForm.myName.$error" style="color:maroon" role="alert"> 
    <div ng-message="required">You did not enter a field</div> 
    <div ng-message="minlength">Your field is too short</div> 
    <div ng-message="maxlength">Your field is too long</div> 
    </div> 
</form> 

https://docs.angularjs.org/api/ngMessages/directive/ngMessages