當前位置:成語大全網 - 新華字典 - 如何利用AngularJS動態創建表格和動態賦值

如何利用AngularJS動態創建表格和動態賦值

第壹步,打開HBuilder開發工具,在指定的Web項目中新建靜態頁面init.html,並引入Bootstrap和AngularJS相關的文件,如下圖所示:

如何利用AngularJS動態創建表格和動態賦值

第二步,在body元素添加ng-controller指令,並在裏面添加<table></table>,如下圖所示:

如何利用AngularJS動態創建表格和動態賦值

第三步,在<script></script>裏編寫AngularJS初始化函數,並聲明控制器,如下圖所示:

如何利用AngularJS動態創建表格和動態賦值

第四步,預覽該靜態頁面,在瀏覽器查看頁面效果,顯示壹個輸入框和按鈕,如下圖所示:

如何利用AngularJS動態創建表格和動態賦值

第五步,在控制器中添加變量model,這個變量賦值數組,如下圖所示:

如何利用AngularJS動態創建表格和動態賦值

第六步,在表格table循環model變量,遍歷該數組並給表格賦值,如下圖所示:

如何利用AngularJS動態創建表格和動態賦值

註意事項

註意AngularJS動態獲取表格數據

註意AngularJS動態賦值