Home > Developer > Web Develop
AngularJs has its own HTML Event
Ng-click Directive
the ng-click directive defines AngularJs Click events
When the button is clicked, assign the Count variable and add 1 to the Count variable, showing the count variable
<Body> <DivNg-app= "Home"> <DivNg-controller= "Ngclicktest">Test Ng-click Instructions<ButtonNg-click= "Count=count+1">Click</Button>{{count}}</Div> </Div> </Body> <Scripttype= "Text/javascript"> //instantiate Application object, parameter: module name, empty array varapp=Angular.module ("Home",[]); App.controller ("ngclicktest",function(){}) </Script>
Ng-click instruction with ng-hide display hidden HTML
Bind a function to the Ng-click directive, assign a variable to the ng-hide instruction, assign the default variable and the allocation function in the controller
<Body> <DivNg-app= "Home"> <DivNg-controller= "Ngclicktest">Test Ng-click Instructions<ButtonNg-click= "Toggle ()">Click</Button> <DivNg-hide= "Flag">Name: {{name}}</Div> </Div> </Div> </Body> <Scripttype= "Text/javascript"> //instantiate Application object, parameter: module name, empty array varapp=Angular.module ("Home",[]); //call the Controller method of the App object, parameter: Director name, anonymous functionApp.controller ("ngclicktest",function($scope) {//Assigning variables$scope. Name="Taoshan"; $scope. Flag=false; //Assigning a past function$scope. Toggle=function(){ //functions play a role$scope. Flag=!$scope. Flag; } }) </Script>
[Angularjs] ANGULARJS series notes (eight) event
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
