AngularJS基础知识笔记之表格

网络编程 2025-03-23 18:19www.168986.cn编程入门

```html

姓名 分数
{{ subject.name }} {{ subject.marks }}

```

```css

table, th, td {

border: 1px solid grey;

border-collapse: collapse;

padding: 5px;

}

table tr:nth-child(odd) {

background-color: f2f2f2;

}

table tr:nth-child(even) {

background-color: ffffff;

}

```

接下来,我们在JavaScript部分定义了一个名为studentController的控制器。这个控制器包含一个名为student的对象,该对象包含学生的名字、各科成绩以及一些其他信息。我们还定义了一个名为fullName的函数,该函数返回学生的全名。在HTML中,我们使用{{student.fullName()}}来调用这个函数并显示学生的全名。

我们还引入了外部的AngularJS库。这是因为我们需要使用AngularJS的功能来实现数据绑定和其他功能。

上一篇:如何侦测HTTP表头信息? 下一篇:没有了

Copyright © 2016-2025 www.168986.cn 狼蚁网络 版权所有 Power by