能具体说一下你的需求吗?
创建自定义指令的方法:
<!--创建自定义指令--><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'])
第一步,打开HBuilder开发工具,在指定的Web项目中新建静态页面init.html,并引入Bootstrap和AngularJS相关的文件第二步,在body元素添加ng-controller指令,并在里面添加<table></table>
第三步,在<script></script>里编写AngularJS初始化函数,并声明控制器
第四步,预览该静态页面,在浏览器查看页面效果,显示一个输入框和按钮
第五步,在控制器中添加变量model,这个变量赋值数组
第六步,在表格table循环model变量,遍历该数组并给表格赋值
注意事项
注意AngularJS动态获取表格数据
注意AngularJS动态赋值
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)