La Directiva de valor ng en AngularJS se usa para especificar el valor de un elemento de entrada. Es compatible con los elementos <input> y <select>.
Sintaxis:
<element ng-value="expression"> Content ... </element>
Ejemplo 1:
<!DOCTYPE html>
<html>
<head>
<title>ng-value Directive</title>
<script src=
"https://ajax.googleapis.com/ajax/libs/angularjs/1.4.2/angular.min.js">
</script>
</head>
<body ng-app="app" style="padding:20px">
<h1 style="color:green;">GeeksforGeeks</h1>
<h2 style="">ng-value Directive</h2>
<p>Choose one:</p>
<div ng-controller="geek">
<div ng-repeat="l in sort">
<input type="radio" ng-model="my.fav" ng-value="l" name="Sort"> {{l}}
</div>
<pre>Selected choice is: {{my.fav}}</pre>
</div>
<script>
var app = angular.module("app", []);
app.controller('geek', ['$scope', function ($scope) {
$scope.sort = ['Merge Sort', 'Quick Sort', 'Bubble Sort'];
$scope.my = { fav: 'Merge Sort' };
}]);
</script>
</body>
</html>
Producción:
Publicación traducida automáticamente
Artículo escrito por Vishal Chaudhary 2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA