如何利用AngularJS动态创建表格和动态赋值

如何利用AngularJS动态创建表格和动态赋值,第1张

第一步,打开HBuilder开发工具,在指定的Web项目中新建静态页面init.html,并引入Bootstrap和AngularJS相关的文件

第二步,在body元素添加ng-controller指令,并在里面添加<table></table>

第三步,在<script></script>里编写AngularJS初始化函数,并声明控制器

第四步,预览该静态页面,在浏览器查看页面效果,显示一个输入框和按钮

第五步,在控制器中添加变量model,这个变量赋值数组

第六步,在表格table循环model变量,遍历该数组并给表格赋值

没明白你的具体需求,但是我觉得这样做比较好,使用模板声明的方式,而不是在js里创建组件。

注意下面的<ng-content>

import {Component} from '@angular/core'

@Component({

selector: 'parent',

template: `

<div>

<h1>parent</h1>

<ng-content></ng-content>

</div>

`

})

export class ParentComponent {}

@Component({

selector: 'child',

template: `<h1>child</h1>`

})

export class ChildComponent {}

@Component({

selector: 'demo',

template: `<parent><child></child></


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/bake/11264007.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-14
下一篇 2023-05-14

发表评论

登录后才能评论

评论列表(0条)

保存