FreeKB - Angular JS Create images
Angular JS - Create images

In this example, The Angular controller will pass an image from the Controller to the View.

 

Controller

The following Controller contains a variable named profile which contains the path to an image. 

var myApp = angular
	.module("myModule", [])
	.controller("myController", function ($scope) {
	var profile = {
		picture: "images/john_doe.png"		
	};
	
	$scope.myVariable = profile ;
});

 

View

In the view, the following markup can be used to get the picture from the profile variable. The ng-src directive is used to get the image.

<head>
    <script src="js/angular.min.js"></script>
    <script src="js/myAngular.js"></script>
</head>
<body ng-app="myModule">
    <div ng-controller="myController">
      <img ng-src="{{ myVariable.picture }}">
    </div>

 



Add a Comment




We will never share your name or email with anyone. Enter your email if you would like to be notified when we respond to your comment.




Please enter 2e178 in the box below so that we can be sure you are a human.




Comments

Web design by yours truely - me, myself, and I   |   jeremy.canfield@freekb.net   |