Skip to content
  • Categories
  • Recent
  • Tags
  • Popular
  • World
  • Users
  • Groups
Skins
  • Light
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse
Code Project
CODE PROJECT For Those Who Code
  • Home
  • Articles
  • FAQ
Community
  1. Home
  2. Web Development
  3. ASP.NET
  4. Display data from SQL database to HTML page in table format using Angular JS

Display data from SQL database to HTML page in table format using Angular JS

Scheduled Pinned Locked Moved ASP.NET
javascriptdatabasehelphtmlcom
1 Posts 1 Posters 1 Views 1 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • I Offline
    I Offline
    iamcpmember
    wrote on last edited by
    #1

    Hi, I want to fetch data from SQL database, and display the same on my HTML page in table format using Angular JS. I am able to get the data in the scope variable, but it is not getting displayed in the HTML page. Please check the code that I have written below, and help me fixing the issue. Thanks in advance. HTML code: <!DOCTYPE html> <html> <head> <title>:: View Logs ::</title> <script src="Scripts/angular.js"></script> <script src="Scripts/angular.min.js"></script> <!--<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>--> <script src="Scripts/logsController.js"></script> <script src="Scripts/jquery-2.1.1.js"></script> <script src="Scripts/jquery-2.1.1.min.js"></script> <!--<script> ViewLogsApp = angular.module('ViewLogsApp', []); ViewLogsApp.controller('ViewLogsController', function ($scope, $http) { $http.get('data.json').success(function (response) { $scope.myData = response; }); }); </script>--> </head> <body> <div ng-app="ViewLogsApp"> <div ng-controller="ViewLogsController"> <table class="table table-striped"> <tr> <th>Log ID</th> <th>User Type</th> <th>User Name</th> <th>Email ID</th> <th>Action Type</th> <th>Section Name</th> <th>Section Details</th> <th>DateTime</th> <th>User IP</th> </tr> <tr ng-repeat="item in logslist"> <td>{{item.LogID}}</td> <td>{{item.UserType}}</td> <td>{{item.UserName}}</td> <td>{{item.EmailID}}</td> <td>{{item.ActionType}}</td> <td>{{item.SectionName}}<

    1 Reply Last reply
    0
    Reply
    • Reply as topic
    Log in to reply
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes


    • Login

    • Don't have an account? Register

    • Login or register to search.
    • First post
      Last post
    0
    • Categories
    • Recent
    • Tags
    • Popular
    • World
    • Users
    • Groups