Хотите отобразить сообщение об ошибке на этикетке в AngularJS - PullRequest
Новая
       0

Хотите отобразить сообщение об ошибке на этикетке в AngularJS

0 голосов
/ 30 июня 2018

Я хочу отображать сообщение об ошибке в ярлыке при нажатии, если текстовое поле пусто или не определено с помощью AngularJS.

Я очень новичок в AngularJS.

Пожалуйста, помогите решить эту проблему. 

<code><!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <script src="//code.angularjs.org/snapshot/angular.min.js"></script>
</head>
<body ng-app="form">
    <div ng-controller="formController">
        <label>Name: <input type="text" ng-model="user.name" /></label><br />
        <input type="submit" ng-click="update(user)" value="Save" />
        <pre>{{master | json}}
angular.module ('form', []). controller ('formController', ['$ scope', функция ($ scope) { $ scope.master = {}; $ scope.update = function (user) { отладчик; $ scope.master = angular.copy (пользователь); if (user == undefined) { отладчик; оповещение («Пожалуйста, введите текст»); } }; }]);

Ответы [ 2 ]

0 голосов
/ 30 июня 2018 

<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>  
<body>

<h2>Validation Example</h2>

<form ng-app="myApp" ng-controller="validateCtrl" 
name="myForm" novalidate ng-submit="Validate()">

<p>Username:<br>
<input type="text" name="user" ng-model="user" required>

<span ng-show="ShowUserNameError">Username is required.</span>
</span>
</p>
</p>

<p>
<input type="submit" ng-click="Validate()">
</p>

</form>

<script>
var app = angular.module('myApp', []);
app.controller('validateCtrl', function($scope) {
$scope.ShowUserNameError = false;
    $scope.user = '';
    $scope.email = '';
    $scope.Validate = function(){   
    if(!$scope.user)
    $scope.ShowUserNameError = true;
    else
     $scope.ShowUserNameError = false;
     
    }
});
</script>

</body>
</html>
0 голосов
/ 30 июня 2018

Заключите ввод в именованную форму, назовите ввод и используйте ng-show: 

<code><div ng-controller="formController">
  <form name="form1">
    <label>Name: <span ng-show="form1.item1.$error">{{form1.item1.$error}}</span>
       <input name="item1" type="text" required ng-model="user.name" />
    </label><br />
        <input type="submit" ng-click="update(user)" value="Save" />
         <pre>{{master | json}}

Для получения дополнительной информации см.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...