Angularjs自动生成表格Table(用于数据回显)

最新推荐文章于 2022-12-04 17:57:34 发布

weixin_34208185

最新推荐文章于 2022-12-04 17:57:34 发布

阅读量953

点赞数

文章标签： javascript ui ViewUI

原文链接：http://blog.51cto.com/59465168/2337960

版权

Angularjs自动生成表格Table

1、使用场景：
（1）使用Augularjs请求后台，查询记录，将返回的记录以表格的形式进行显示；
（2）对表格进行编辑时，数据回显

2、使用方式
（1）方式1

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://cdn.staticfile.org/angular.js/1.4.6/angular.min.js"></script>
</head>
<body ng-app="myApp">

<table ng-controller="myCtrl" border="1">
<tr ng-repeat="x in records">
  <td>{
   {x.Name}}</td>
  <td>{
   {x.Country}}</td>  
 <td>{
   {x.address}}</td>  
    <td>{
   {x.job}}</td>  
</tr>

 <tr style="border:0px" id="tr" ng-repeat="x in records">
     <td>
         <select name="merchant" id="merchant" ng-model="data.merchantNo">
             <option value="">请选择供应商</option>
            <option ng-repeat="a in x.Name" value="{
   {a.url}}" selected>{
   {a.site}}</option>
         </select>
     </td>
     <td>
         <select name="category" id="category" ng-model="data.categoryNo">
             <option value="">请选择权益分类</option>
              <option ng-repeat="a in x.Country" value="{
   {a.url}}" selected>{
   {a.site}}</option>
         &

最低0.47元/天解锁文章

weixin_34208185

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
Angularjs自动生成表格Table(用于数据回显)

Angularjs自动生成表格Table1、使用场景：（1）使用Augularjs请求后台，查询记录，将返回的记录以表格的形式进行显示；（2）对表格进行编辑时，数据回显2、使用方式（1）方式1<!DOCTYPE html><html><head><meta charset="utf-8"><script src="https://...
复制链接

扫一扫