Image Display in AngularJs ng src directive Using in AngularJs Asp.Net

Image Display in AngularJs ng src directive 

AngularJs ng src directive call the specific directive location mention from server or local folder . here how to use and call the directive in AngularJs.



<html xmlns="">
<head runat="server">
         <script src = ""></script>

    <script type="text/javascript">
        var MyApp = angular.module("dotModule", []);
        MyApp.controller("dotController",function ($scope){

            var Drizzles = [

                {name: "AngularJs in Masterpage", link: "", demo: "/Master.gif"},
                {name: "AngularJs Date Function", link: "", demo: "/Date.png"},
                {name: "AngularJs ng-show,hide Directive.", link: "", demo: "/ng-show.gif"}

            $scope.Drizzles =Drizzles;

    <body ng-app="dotModule">
    <form id="form1" runat="server">
    <div ng-controller="dotController">

        <tr ng-repeat="Drizz in Drizzles">
             <td><img id="im" src="{{Drizz.demo}}" height="150" width="250" />

            <td style="color:blue;font-family:Verdana">{{}}</td>
            <td style="color:red;font-family:Verdana">{{}}</td>

Add new form - Add Angularjs script - Add the controller with the image directive 

Next -  Add the controller to div tag ng-repeat to bind the image from Location


Post a Comment