分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 软件开发

AngularJS table

发布时间:2023-09-06 01:23责任编辑:郭大石关键词:AngularAngularJS

在AngularJS中没有直接提供表格指令,但是我们可以使用ng-repeat来实现,如下例子:

<div ng=app="demo" ng-controller="myController">

<table>

<tr ng-repeat="x in names">

<td>{{x.Name}}</td>

<td>{{x.Country}}</td>

</tr>

</table>

</div>

<script>

var app=angular.module("demo",[]);

app.controller("myController",function($scope,$htp){

$http.get("country.json").then(function(result){

  $scope.names=result.data.records;

  })

});

</script>

行变色方法:

判断$even和$odd,使用实例如下:

<table>

<tr style="{{$even?‘background-color:#f1f1f1‘:‘‘}}" ng-repeat=“x in names”>

<td>{{$index+1}}</td>

<td>{{x.Name}}</td>

<td>{{x.Country}}</td>

</tr>

</table>

AngularJS table

原文地址:http://www.cnblogs.com/VARForrest/p/7805133.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved