ng-click参数传递 - - ITeye博客

`

huangyongxing310

浏览: 496510 次
性别:
来自: 广州

最近访客更多访客>>

hiroada

lixiaoxin

u012363178

wangyy

博主相关

博客

微博

相册

收藏

留言

关于我

文章分类

社区版块

存档分类

最新评论

ng-click参数传递

博客分类：

AngularJS

阅读更多

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <script src="angular.min.js"></script>
    <script src="jquery.min.js"></script>
</head>
<body ng-app="myApp">

<div ng-controller="myController">
    <button menuId = "{{aa}}" ng-click="clickDeal($event)">点我($event)</button>
    <button ng-click="clickDeal2(aa)">点我(aa)</button>
</div>

</body>

<script>
    var app = angular.module('myApp', []);
    app.controller('myController', function ($scope) {
        $scope.aa = "123456";

        $scope.clickDeal=function($event){
            var menuId = $($event.target).attr("menuId");
            alert("menuId == " + menuId);
        };

        $scope.clickDeal2=function(value){
            alert("value == " + value);
        };
    });
</script>
</html>

分享到：

上传文件内容改变和上传文件 | 图像反白显示

2017-05-09 21:35
浏览 946
评论(0)
分类:Web前端
查看更多

评论

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Angular使用操作事件指令ng-click传多个参数示例: 在AngularJS中，当我们在HTML元素上使用`ng-click`时，可以调用控制器中定义的方法，并将参数传递给这些方法。这使得我们可以在用户交互时执行特定的逻辑，同时能够传递数据。例如，在给定的代码示例中，我们有三个...

Angularjs为ng-click事件传递参数: 不过，AngularJS的ng-click指令提供了一种更简洁、更符合AngularJS数据绑定和作用域管理的方式来处理点击事件和参数传递。在编写ng-click指令的时候，有时我们可能需要传递当前元素本身或者相关的数据作为参数。...

AngularJS的ng-click传参的方法: AngularJS是Google开发的一款开源前端JavaScript框架，它通过使用数据绑定、依赖...通过合理使用ng-click进行事件绑定和参数传递，可以为前端开发带来极大的便利。希望本文的介绍能够对你的学习和开发工作有所帮助。

angular ng-click防止重复提交实例: 在这个例子中，`click-and-disable`指令替换原来的`ng-click`，并且将`next()`方法作为参数传递给指令，确保在调用`next()`后按钮被禁用，直到操作完成后再恢复。 ### 方法二：在`app.config`中重写`ng-click`事件 ...

angularJs使用ng-repeat遍历后选中某一个的方法: `ng-click`指令在按钮被点击时调用`showDeptEmps`函数，并将当前部门名称作为参数传递。这个函数的作用是更新`selected`变量的值，从而改变被选中的按钮。接下来，我们看下AngularJS控制器中的代码： ```...

AngularJS 最常用的八种功能: **高级用法**：`ng-click` 支持向函数传递参数： ```html <li ng-repeat="person in persons"> <button ng-click="printf(person)">Print Person Info ``` **相关指令**：`ng-dblclick` 可以用来绑定双击...

Hands-On With AngularJS Using ASP.NET.pdf: 在***中，这可能涉及通过路由参数、表单数据或查询字符串来实现数据传递。 4. 控制器方法的继承与作用域（Scope）作用域是连接AngularJS视图与控制器的桥梁。文档中会解释作用域如何继承，以及如何在父子作用域间...

ASP.NET MVC中jQuery与angularjs混合应用传参并绑定数据: 昨天有分享为ng-click传递参数《angularjs为ng-click事件传递参数》http://www.cnblogs.com/insus/p/7017737.html 上面仅仅是在ng-click传入一个值，但是在ASP.NET MVC中，还需要把这个值传至另外一个视图中《ASP...

常用的命令: #### ng-click `ng-click` 是一个事件指令，用于监听元素上的点击事件，并执行指定的函数。例如： ```html <button ng-click="sayHello()">点击我 ``` 这里，“sayHello”是控制器中的一个方法，将在按钮被点击时...

详解AngularJS验证、过滤器、指令: 指令以`ng-`开头，比如`ng-repeat`用于循环渲染数据，`ng-if`控制元素的显示与隐藏，`ng-click`响应点击事件等。在示例中，`ng-model`指令将表单控件与AngularJS中的数据模型绑定，`ng-controller`定义了控制器的...

AngularJS中一般函数参数传递用法分析: 本文实例讲述了AngularJS中一般函数参数传递用法。分享给大家供大家参考，具体如下： 1. 模型参数直接使用变量名，不要加引号 <!doctype html> <html ng-app=passAter> <head> <meta charset=...

【ASP.NET编程知识】ASP.NET MVC中jQuery与angularjs混合应用传参并绑定数据.docx: 4. 传参问题：在ASP.NET MVC中，将参数传递给AngularJS是一个常见的问题。解决这个问题需要使用$http服务将数据传递给AngularJS控制器。 5. ng-click事件：ng-click事件是AngularJS中的一个指令，用于绑定点击事件...

AngularJS实践之使用ng-repeat中$index的注意点: 问题的根源在于使用 `$index` 作为参数传递给删除方法。在没有过滤器的情况下，这种方法是可行的，因为 `$index` 直接对应于原始数组中的索引。然而，一旦添加了过滤器（比如 `searchFilter`），过滤后的列表索引...

Learning_Web_Development_with_Bootstrap_and_Angular: **ng-click 和 ng-mouseover**： - `ng-click` 用于绑定点击事件处理函数。 - `ng-mouseover` 用于绑定鼠标悬停事件处理函数。 **ng-init**： - 在DOM元素加载时执行初始化代码。 - 通常用于设置初始状态或执行一次...

AngularJS 最常用的八种功能(基础知识): 与传统的 `onclick` 不同，`ng-click` 可以直接调用 `$scope` 上的方法，并传递参数。在例子中，按钮点击会触发 `pressMe()` 方法，如果需要，还可以传递对象。 4. **条件语句：ng-switch, ng-if, ng-show, ng-hide...

angularJS的分页控件: 这里的`:page`是一个参数占位符，用于动态传递当前页码。 ### 3. 分页控制器创建一个控制器来处理分页逻辑。在控制器中，我们可以调用数据服务，初始化当前页码，设置每页显示的条目数，并定义切换页面的方法： ...

AngularJS 让人爱不释手的八种功能: 这比传统`onclick`更灵活，可以传递参数，如`<button ng-click="printf(person)"/>`。此外，还有`ng-dblclick`用于双击事件。 4. **ng-switch**、**ng-if**、**ng-show**、**ng-hide**、**ng-disabled**：这些指令...

Global site tag (gtag.js) - Google Analytics