首页 > web前端 > js教程 > AngularJS中一般函数参数传递用法分析

AngularJS中一般函数参数传递用法分析

高洛峰
发布: 2016-12-05 16:54:47
原创
1070 人浏览过

本文实例讲述了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(&#39;passAter&#39;,[]).controller(&#39;passCtrl&#39;,[&#39;$scope&#39;,function($scope){
     $scope.alertfun = function(param){
       alert(param);
     }
   }])
  </script>
</html>
登录后复制

22.png

2. 普通参数

加上引号即可

将上面的value改为 'value'

就会直接弹出 value了

希望本文所述对大家AngularJS程序设计有所帮助。


相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板