AngularJS | ng-value Directive
The ng-value Directive in AngularJS is used to specify the value of an input element. It is supported by <input> and <select> elements.
Syntax:
<element ng-value="expression"> Content ... </element>
Example 1:
<!DOCTYPE html> < html > < head > < title >ng-value Directive</ title > < script src = </ 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 > |
Output: