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

第步打HBuilder发工具指定Web项目新建静态页面init.html并引入BootstrapAngularJS相关文件图所示：

何利用AngularJS态创建表格态赋值

第二步body元素添加ng-controller指令并面添加图所示：

何利用AngularJS态创建表格态赋值

第三步编写AngularJS初始化函数并声明控制器图所示：

何利用AngularJS态创建表格态赋值

第四步预览该静态页面浏览器查看页面效显示输入框按钮图所示：

何利用AngularJS态创建表格态赋值

第五步控制器添加变量model变量赋值数组图所示：

何利用AngularJS态创建表格态赋值

第六步表格table循环model变量遍历该数组并给表格赋值图所示：

何利用AngularJS态创建表格态赋值

注意事项

注意AngularJS态获取表格数据

注意AngularJS态赋值

这个地方，其实不是很有必要去按照ui-router或者什么来配置路由，完全可以自己实现一个功能加载器：$stateProvider//动态菜单.state("Menu",{url:"/menu/:code",templateUrl:"modules/menuloader.html"})然后这个menuloader.html里面，只放一个ng-include，它的地址关联到一个动态变量，这个变量根据传入的那个code去读取。在这个state的resolve里面，根据code获取到菜单对应的html地址，js地址，然后用动态加载控制器的方式把js加载完成，然后把html地址赋值给上一段里提到的那个变量。

能具体说一下你的需求吗？

创建自定义指令的方法：

<!--创建自定义指令-->

<div id="appauto" data-ng-app="appauto">

    <!--标签-->

    <app-auto></app-auto>

    <!--属性-->

    <div app-auto></div>

    <!--类名-->

    <div class="app-auto"></div>

    <!--注释-->

    <!-- directive：app-auto -->

</div> var appauto=angular.module('appauto',[])

        appauto.directive('appAuto',function(){

            return {

//                restrict限制使用：

//                A属性E元素C类名M注释，默认EA

                restrict:'AEMC',

                template:'<h1>自定义指令创建</h1>'

            }

        })

        angular.bootstrap(document.getElementById('appauto'),['appauto'])

---