如何动态分配单元格id [英] How to assign cell id dynamically
本文介绍了如何动态分配单元格id的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
如何使用angularjs和javascript将单元格id指定为动态html表的行号+列号
我尝试过：
如何使用angularjs和javascript
解决方案
试试这个
< ！DOCTYPE html >
< html lang = en-US >
< head >
< script < span class =code-attribute> src = http://ajax.googleapis.com/ ajax / libs / angularjs / 1.4.8 / angular.min.js > < / script >
< 脚本 >
var app = angular.module（' myapp '，[]）;
app.controller（' myctrl'，myctrl）;
var data = [{id： 1 ，名称：' aa'}，{id： 2 ，名称：' bb'}，{id： 3 ，name：' cc'}，{id： 4 ，名称：' dd'}]
function myctrl（
scope）{
scope.mydata = data;
}
< / 脚本 >
< / head >
< body >
< div ng-app = myapp ng-controller = myctrl >
< table >
< tr >
< td > ID < / td > < td > 名称< / td >
< / tr >
< tr ng-repeat = mydata中的行 >
< td id = {{
how to assign cell id as row number + col number of a dynamic html table using angularjs and javascript
What I have tried:
how to assign cell id as row number + col number of a dynamic html table using angularjs and javascript
解决方案
try this
<!DOCTYPE html> <html lang="en-US"> <head> <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script> <script> var app = angular.module('myapp', []); app.controller('myctrl', myctrl); var data = [{ id: 1, name: 'aa' }, { id: 2, name: 'bb' }, { id: 3, name: 'cc' }, { id: 4, name: 'dd' }] function myctrl(
scope) {
scope.mydata = data; } </script> </head> <body> <div ng-app="myapp" ng-controller="myctrl"> <table> <tr> <td>ID</td><td>Name</td> </tr> <tr ng-repeat="row in mydata"> <td id="{{
这篇关于如何动态分配单元格id的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
