AngularJS ng-value Directive

The AngularJS ng-value directive is used to set the value attribute of an input element, or a select element. It is mainly used on <radio> and <option> elements to set the bound values when these elements are selected.

It is supported by <input> and <select> elements.

Syntax:

Parameter explanation:

expression: It specifies an expression that will set the element's value attribute.

Let's take an example to demonstrate ng-value directive.

See this example:

<!DOCTYPE html>
<html>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<body>
<div ng-app="myApp" ng-controller="myCtrl">
<input ng-value="myVar">
</div>
<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
    $scope.myVar = "Welcome to JavaTpoint.";
});
</script>
<p>JavaTpoint is the best tutorial website and a solution of all technology. </p>
</body>
</html>

Test it Now

Next TopicHTML Aside tag

← prev next →