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 Scope的知识，这里整理了详细资料及示例代码，有兴趣的小伙伴可以参考下2016-09-09
这篇文章主要为大家详细了angular forEach方法遍历源码，forEach()方法用于遍历对象或数组，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-01-01
使用Angular9和TypeScript开发RPG游戏的方法
这篇文章主要介绍了使用Angular9和TypeScript开发RPG游戏的方法，本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2020-03-03
这篇文章主要介绍了Angularjs的ng-repeat中去除重复数据的方法,涉及AngularJS针对重复数据的遍历与过滤技巧,需要的朋友可以参考下2016-08-08
Angular.JS内置服务$http对数据库的增删改使用教程
我们可以使用内置的$http服务直接同外部进行通信。$http服务只是简单的封装了浏览器原生的XMLHttpRequest对象，下面这篇文章主要给大家介绍了关于Angular.JS内置服务$http对数据库的增删改等操作的相关资料，需要的朋友可以参考下。2017-05-05
Angularjs中三种数据的绑定策略(“@”，“=”，“&”)
在AngularJS的指令中存在着三种绑定策略，他们分别是’=’,’@’,’&’。下面这篇文章主要介绍了Angularjs中这三种数据的绑定策略，有需要的朋友们可以参考借鉴，下面来一起看看吧。2016-12-12
angularJs中ng-model-options设置数据同步的方法
今天小编就为大家分享一篇angularJs中ng-model-options设置数据同步的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-09-09
这篇文章主要介绍了使用Angular.js制作一个简单的RSS阅读器的教程,AngularJS是一个非常有人气的JavaScript库,文中介绍的制作方法主要使用到了FreedReadR模版,需要的朋友可以参考下2015-06-06
本篇文章主要介绍了angularJS模态框$modal实例代码，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-05-05
这篇文章主要介绍了ng-alain的sf如何自定义部件,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2020-06-06
最新评论