AngularJS基础知识笔记之表格_AngularJS

WBOY

Release： 2016-05-16 16:00:04

Original

1119 people have browsed it

表格数据本质上通常是重复的。ng-repeat指令，可以用来方便地绘制表格。下面的示例说明使用ng-repeat指令来绘制表格。

  Name  Marks  
  {{ subject.name }}  {{ subject.marks }}

Name	Marks
{{ subject.name }}	{{ subject.marks }}

Copy after login

表格可以使用CSS样式设置样式，如下：

Copy after login

例子
下面的例子将展示上述所有指令。

testAngularJS.html

Angular JS Table
          
           
            
           
          
          
           
            
           
          
AngularJS Sample Application
          
           
            
             
              Enter first name:
              
             
             
              Enter last name:
              
             
             
              Name:
              {{student.fullName()}}
             
             
              Subject:
                Name  Marks  
  {{ subject.name }}  {{ subject.marks }}

Copy after login

以上所述就是本文的全部内容了，希望大家能够喜欢。

Related labels：

angularjs sheet

source：php.cn

Previous article：JQuery插件jcarousellite的参数中文说明_jquery Next article：深入浅出理解javaScript原型链_javascript技巧

Statement of this Website

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn