1. 程式人生 > >Angular——事件指令

Angular——事件指令

cti demo itl alert var [] cli out $scope

基本介紹

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>

Angular——事件指令