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. General Programming
  3. C#
  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 C#
javascriptdatabasehelphtmltools
2 Posts 2 Posters 0 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:

    <html>

    <head>

    <title>:: View Logs ::</title>
    
    <script src="Scripts/angular.js"></script>
    <script src="Scripts/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>
    

    </head>

    <body>

    Log ID

    User Type

    User Name

    Email ID

    Action Type

    Section Name

    Section Details

    DateTime

    User IP

    {{item.LogID}}

    {{item.UserType}}

    {{item.UserName}}

    {{item.EmailID}}

    {{item.ActionType}}

    {{item.SectionName}}

    {{item.SectionDetails}}

    {{item.DateTime}}

    {{item.UserIP}}

    </body>

    </html>

    logsController.js code:

    angular.module('ViewLogsApp', [])
    .controller('ViewLogsController', [
    '

    L 1 Reply Last reply
    0
    • I iamcpmember

      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:

      <html>

      <head>

      <title>:: View Logs ::</title>
      
      <script src="Scripts/angular.js"></script>
      <script src="Scripts/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>
      

      </head>

      <body>

      Log ID

      User Type

      User Name

      Email ID

      Action Type

      Section Name

      Section Details

      DateTime

      User IP

      {{item.LogID}}

      {{item.UserType}}

      {{item.UserName}}

      {{item.EmailID}}

      {{item.ActionType}}

      {{item.SectionName}}

      {{item.SectionDetails}}

      {{item.DateTime}}

      {{item.UserIP}}

      </body>

      </html>

      logsController.js code:

      angular.module('ViewLogsApp', [])
      .controller('ViewLogsController', [
      '

      L Offline
      L Offline
      Lost User
      wrote on last edited by
      #2

      This is not a C# issue. Please use the ASP.NET or Javascript forum, as appropriate.

      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