AngularJS |桌子

表中的数据基本上是可重复的，因此您可以使用ng-repeat指令轻松创建表
该示例将清除该方法。

句法：

Content..

表中显示的数据。

        


    
        
GeekforGeeks
         
          
           
           
          
          
           
           
          
        
Course
Duration
{{ Course.name }}
{{ Duration.time }}
    

                    

输出：

以CSS样式显示

AnhularJS ng-repeat指令上面的代码示例：在这里，您将看到上面的html和css与AngularJS ng-repeat指令的组合。

   
      Angular JS Table
      
      
      
         table, th , td {
            border: 1px solid black;
            border-collapse: collapse;
            padding: 5px;
         }
         table {
            background-color: grey;
         }
         h1{
             color:green;
         }
      
   
     
   
       
      GeeksforGeeks
      
           
         
            
               
               
            
            
               
               
            
            
               
               
            
            
               
                 
               
            
         Enter first name:Enter last name: 
                  
               Name: {{student.fullName()}}Subject:
                  
                     
                        .
                        
                     
                     
                        
                        
                     
                  NameMarks{{ subject.name }}{{ subject.marks }}
               
      
        
      
         var mainApp = angular.module("mainApp", []);
           
         mainApp.controller('studentController', function($scope) {
            $scope.student = {
               firstName: "Pranab",
               lastName: "Mukherjee",
                 
                 
               subjects:[
                  {name:'Algorithm',marks:70},
                  {name:'Data Structure',marks:80},
                  {name:'Architecture',marks:65},
                  {name:'Digital Analog',marks:75}
                    
               ],
                 
               fullName: function() {
                  var studentObject;
                  studentObject = $scope.student;
                  return studentObject.firstName + " " + studentObject.lastName;
               }
            };
         });
      
      
   

输出：