Angular——事件指令

weixin_30871701

于 2018-02-03 19:13:00 发布

阅读量93

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/wuqiuxue/p/8410487.html

版权

基本介绍

angular的事件指令都是ng-click，ng-blur....的形式，类似于js的事件

基本使用

<!DOCTYPE html>
<html lang="en" ng-app="App">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../libs/angular.min.js"></script>
</head>
<body>
<div ng-controller="DemoController">
    <button ng-click="single()">单机</button>
    <button ng-dblclick="double()">双机</button>
</div>
<script>
    var App = angular.module('App', []);
    App.controller('DemoController', ['$scope', function ($scope) {
        $scope.single=function () {
            alert('单机');
        }
        $scope.double=function () {
            alert('双击');
        }
    }]);
    //ng-click
    //ng-dbclick
    //ng-blur
    //ng-mouseout
    //ng-
</script>
</body>
</html>

转载于:https://www.cnblogs.com/wuqiuxue/p/8410487.html

weixin_30871701

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Angular——事件指令

基本介绍angular的事件指令都是ng-click，ng-blur....的形式，类似于js的事件基本使用<!DOCTYPE html><html lang="en" ng-app="App"><head> <meta charset="UTF-8"> <title>Title</tit...
复制链接

扫一扫