AngularJS中一般函数参数传递用法分析
更新时间:2016年11月22日 11:15:14 作者:栁罗风尘
这篇文章主要介绍了AngularJS中一般函数参数传递用法,结合实例形式分析了模型参数与普通参数的具体功能与使用技巧,需要的朋友可以参考下
本文实例讲述了AngularJS中一般函数参数传递用法。分享给大家供大家参考,具体如下:
1. 模型参数
直接使用变量名,不要加引号
<!doctype html> <html ng-app="passAter"> <head> <meta charset="utf-8"/> </head> <body> <div ng-controller="passCtrl"> <input type="text" ng-model="value"/> <button ng-click="alertfun(value)">click</button> </div> </body> <script src="./js/angular.min.js"></script> <script> angular.module('passAter',[]).controller('passCtrl',['$scope',function($scope){ $scope.alertfun = function(param){ alert(param); } }]) </script> </html>
2. 普通参数
加上引号即可
将上面的value改为 'value'
就会直接弹出 value了
希望本文所述对大家AngularJS程序设计有所帮助。
相关文章
AngularJS实现的鼠标拖动画矩形框示例【可兼容IE8】
这篇文章主要介绍了AngularJS实现的鼠标拖动画矩形框,涉及基于AngularJS的事件响应及页面元素属性动态操作相关实现技巧,需要的朋友可以参考下2019-05-05Angularjs使用ng-repeat中$even和$odd属性的注意事项
无可否认angularjs的崛起成为前端很大的福利,最近接到项目,框架便选中了angularjs。angularjs最吸引人的地方就是数据的双向绑定和指令了,这篇文章主要介绍了Angularjs中使用ng-repeat的$even和$odd属性的注意事项,需要的朋友可以参考下2016-12-12AngularJS中的$parse服务与$eval服务用法实例
这篇文章主要介绍了AngularJS中的$parse服务与$eval服务用法,结合实例形式分析了AngularJS中$parse服务与$eval服务的功能、使用方法与相关注意事项,需要的朋友可以参考下2023-05-05ui-router中使用ocLazyLoad和resolve的具体方法
这篇文章主要介绍了ui-router中使用ocLazyLoad和resolve的具体方法,详细的介绍了ocLazyLoad和resolve的具体用法,非常具有实用价值,需要的朋友可以参考下2017-10-10基于AngularJs + Bootstrap + AngularStrap相结合实现省市区联动代码
这篇文章主要给大家介绍基于AngularJs + Bootstrap + AngularStrap相结合实现省市区联动的实例代码,非常不错具有参考借鉴价值,感兴趣的朋友一起看看吧2016-05-05
最新评论