AngularJS | ng-src Directive
The ng-src Directive in AngularJS is used to specify the src attribute of an <img> element. It ensures that the wrong image is not produced until AngularJS has been evaluated. It is supported by <img> element.
Syntax:
<img ng-src="url"> </img>
Example:
<!DOCTYPE html> <head> <title>ng-src Directive</title> <script src= </script> </head> <body ng-app="app" style="text-align:center"> <h1 style="color:green">GeeksforGeeks</h1> <h2>ng-src Directive</h2> <div ng-controller="geek"> <img ng-src="{{pic}}" /><br><br><br> <script> var app = angular.module("app", []); app.controller('geek', ['$scope', function ($scope) { $scope.pic = }]); </script> </body> </html> |
chevron_right
filter_none
Output:
Recommended Posts:
- AngularJS | ng-cut Directive
- AngularJS | ng-app Directive
- AngularJS | ng-value Directive
- AngularJS | ng-jq Directive
- AngularJS | ng-if Directive
- AngularJS | ng-csp Directive
- AngularJS | Directive
- AngularJS | ng-srcset Directive
- AngularJS | ng-selected Directive
- AngularJS | ng-submit Directive
- AngularJS | ng-required Directive
- AngularJS | ng-paste Directive
- AngularJS | ng-readonly Directive
- AngularJS | ng-bind Directive
- AngularJS | ng-blur Directive
If you like GeeksforGeeks and would like to contribute, you can also write an article using contribute.geeksforgeeks.org or mail your article to contribute@geeksforgeeks.org. See your article appearing on the GeeksforGeeks main page and help other Geeks.
Please Improve this article if you find anything incorrect by clicking on the "Improve Article" button below.
