http://www.yuyong.net

笔者操作如何使用AngularJS的run替代controller绑定变量

电脑现已成为我们工作、生活和娱乐必不可少的工具了,在使用电脑的过程中,可能会遇到如何使用AngularJS的run替代controller绑定变量的问题,如果我们遇到了如何使用AngularJS的run替代...

电脑现已成为我们工作、生活和娱乐必不可少的工具了,在使用电脑的过程中,可能会遇到如何使用AngularJS的run替代controller绑定变量的问题,如果我们遇到了如何使用AngularJS的run替代controller绑定变量的情况,该怎么处理怎么才能解决如何使用AngularJS的run替代controller绑定变量带来的困扰呢,对于这样的问题其实我们只需要AngularJSJavaScriptHTML5CSS3HBuilder浏览器截图工具第一步,双击打开HBuilder编辑工具,新建一个HTML5模板并引入AngularJS文件,如下图所示:第二步,在body标签里插入一个ng-app,并插入一个div标签,绑定一个变量datas,如下图所示:第三步,再在

标签内插入一个input输入框,并使用标签选择器设置样式,如下图所示:这样就解决了这样的问题,接下来给大家带来如何使用AngularJS的run替代controller绑定变量的详细操作步骤。

工具/原料

AngularJS
JavaScript
HTML5
CSS3
HBuilder
浏览器
截图工具

方法/步骤

第一步,双击打开HBuilder编辑工具,新建一个HTML5模板并引入AngularJS文件,如下图所示:

笔者操作如何使用AngularJS的run替代controller绑定变量

第二步,在body标签里插入一个ng-app,并插入一个div标签,绑定一个变量datas,如下图所示:

笔者操作如何使用AngularJS的run替代controller绑定变量

第三步,再在<div></div>标签内插入一个input输入框,并使用标签选择器设置样式,如下图所示:

笔者操作如何使用AngularJS的run替代controller绑定变量

第四步,保存代码并打开浏览器预览页面效果,结果发现变量名称直接显示出来了,如下图所示:

笔者操作如何使用AngularJS的run替代controller绑定变量

第五步,接着打开浏览器的控制台,结果出现了报错,查看错误提示修改代码,如下图所示:

笔者操作如何使用AngularJS的run替代controller绑定变量

第六步,返回到HBuilder修改代码,将run()方法直接写在module之后,如下图所示:

笔者操作如何使用AngularJS的run替代controller绑定变量

注意事项

注意AngularJS中的run方法和controller方法的区别
注意AngularJS中的各种指令的使用方法

郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。