Dado un objeto que contiene un par (clave, valor) y la tarea es verificar si existe una clave en un objeto o no usando AngularJS.
Enfoque: el enfoque consiste en utilizar el operador in para comprobar si existe una clave en el objeto o no. En el primer ejemplo, se ingresa la clave «Prop_1» y existe en el objeto. En el segundo ejemplo, el usuario puede verificar qué clave desea verificar si existe.
Ejemplo 1:
<!DOCTYPE HTML>
<html>
<head>
<script src=
"//ajax.googleapis.com/ajax/libs/angularjs/1.2.13/angular.min.js">
</script>
<script>
var myApp = angular.module("app", []);
myApp.controller("controller", function ($scope) {
$scope.obj1 =
{ "Prop_1": 1, "Prop_2": 2, "Prop_3": 3 };
$scope.res = '';
$scope.textval = "Prop_1";
$scope.checkK = function () {
var txtVal = $scope.textval;
if (!(txtVal in $scope.obj1)) {
$scope.res = "Key not Exists.";
} else {
$scope.res = "Key Exists";
}
}
});
</script>
</head>
<body style="text-align:center;">
<h1 style="color:green;">
GeeksForGeeks
</h1>
<p>
Check if a key exists in
an object in AngularJS
</p>
<div ng-app="app">
<div ng-controller="controller">
Object - {{obj1}}<br><br>
Enter the key: <input type="text"
ng-model="textval">
<br><br>
<button ng-click="checkK()">
Check here</button>
<br><br>
{{res}}<br>
</div>
</div>
</body>
</html>
Producción:
Ejemplo 2:
<!DOCTYPE HTML>
<html>
<head>
<script src=
"//ajax.googleapis.com/ajax/libs/angularjs/1.2.13/angular.min.js">
</script>
<script>
var myApp = angular.module("app", []);
myApp.controller("controller", function ($scope) {
$scope.obj1 =
{ "Prop_1": 1, "Prop_2": 2, "Prop_3": 3 };
$scope.res = '';
$scope.textval = "";
$scope.checkK = function () {
var txtVal = $scope.textval;
if (!(txtVal in $scope.obj1)) {
$scope.res = "Key not Exists.";
} else {
$scope.res = "Key Exists";
}
}
});
</script>
</head>
<body style="text-align:center;">
<h1 style="color:green;">
GeeksForGeeks
</h1>
<p>
Check if a key exists in
an object in AngularJS
</p>
<div ng-app="app">
<div ng-controller="controller">
Object - {{obj1}}<br><br>
Enter the key: <input type="text"
ng-model="textval">
<br><br>
<button ng-click="checkK()">
Check here</button>
<br><br>
{{res}}<br>
</div>
</div>
</body>
</html>
Producción:
Publicación traducida automáticamente
Artículo escrito por PranchalKatiyar y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA