AngularJs学习之路（九）

AngularJS 事件

ng-click 指令

ng-click 指令定义了 AngularJS 点击事件。

Demo

<div ng-app="myApp" ng-controller="personCtrl"><button ng-click="toggle()">隐藏/显示</button><p ng-hide="myVar">名: <input type="text" ng-model="firstName"><br>姓名: <input type="text" ng-model="lastName"><br><br>Full Name: {{firstName + " " + lastName}}</p></div><script>var app = angular.module('myApp', []);app.controller('personCtrl', function($scope) {    $scope.firstName = "John",    $scope.lastName = "Doe"    $scope.myVar = false;    $scope.toggle = function() {        $scope.myVar = !$scope.myVar;    };});</script>