如何用angular插入一段html

如何用angular插入一段html,第1张

可以用$complie服务,它的作用是动态编译的。

var el=$compile("HTML代码唯亩"尺山闷)(scope)

element.append(el) //element是陵弯插入带的容器

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

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

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

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

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

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

注意事项

注意AngularJS动态获取表格数据

注意AngularJS动态赋值

工具/材料

Sublime Text

01

打开Sublime Text编辑器,新建HTML5页面,然后引入angular.min.js文件,如下图所示

02

接下来在body标签中用ng-app声明核兆模块,用ng-controller声明控制器,如下图所示

03

然后在script标签中运用angular的module方法蔽空进行模块初始化,如下图改并租所示

04

然后实现模块的控制器方法,如下图所示,这里需要传入timeout服务,如下图所示

05

接下来在控制器中应用timeout服务,如下图所示,它可以接收2个参数,第一个参数是要执行的功能,第二个参数是延迟的时间,单位是毫秒

06

一切都准备好以后,在div模块里绑定控制器中声明的变量即可,如下图所示

07

最后要说明的是,timeout服务的第二个参数可以不写,这样的话默认是延迟一秒,如下图所示


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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存