如何使用angularjs实现按钮事件

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何使用angularjs实现按钮事件相关的知识,希望对你有一定的参考价值。

<!DOCTYPE html>
<html ng-app="myApp">
<head>
    <title>angularjs-setValue</title>
</head>
<body ng-controller="body">
    <input type="text" name="input1" ng-model="input1"><br />
    <input type="text" name="input2" ng-model="input2"><br />
    <input type="button" ng-click="clickEvent()" value="按钮">
    <script type="text/javascript" src="js/angular.min.js"></script>
    <script type="text/javascript">
    var myApp = angular.module(myApp,[]);
    myApp.controller(body, function($scope){
        $scope.clickEvent = function() {
            alert("input1:" + $scope.input1);
            alert("input2:" + $scope.input2);
        }
    });
    </script>
</body>
</html>

 

以上是关于如何使用angularjs实现按钮事件的主要内容,如果未能解决你的问题,请参考以下文章

angularjs购物车练习

angularJS使用ocLazyLoad实现js延迟加载

在同一个片段中实现多个事件监听器 - Android

如何区分两个“onpause”事件 - 由单击“暂停”按钮引起,以及由到达媒体片段末尾引起?

从 AngularJS url 中删除片段标识符(# 符号)

处理Fragment类ListView的按钮事件?