Wie dom jquery click Funktion in angularjs zu implementieren

Question

Ich bin ein Neuling von angularjs. Ich habe eine Funktion d.h jquery klicken,

Hier jQuery-Code: -

$('.nav li').click(function(){ 
    $('#sidebar').hide(); 
}); 

Nun, ich implementieren nur die oben jquery Funktion in AngularJS.

Somethings mag:

var ele = angular.element('.nav li'); 
ele.click=function(){ 
    var sidebarEle=angular.element('#sidebar'); 
    sidebarEle.hide(); 
} 

Answer 1

Ich denke, Sie sollten versuchen, diese

<div ng-app="MyApp" class="container"> 
     <div ng-controller="ctrl"> 
      <p id="sidebar">My Name is Vipin</p> 
      @*<table id="entry-grid" datatable="" dt-options="dtOptions" dt-columns="dtColumns" class="table table-hover"></table>*@ 

      <button type="button" ng-click="hide()" class="nav li">CLik</button> 
     </div> 
    </div> 



var app = angular.module('MyApp', []).controller('ctrl', function ($scope) { 
       var ele = angular.element(document.querySelector('.nav')); 

       $scope.hide = function() { 
        angular.element(document.querySelector('#sidebar')).css('display', 'none'); 
       } 
        //var sidebarEle = angular.element('#sidebar'); 

      }) 

wird es helfen,

Answer 2

Sie benötigen einen Controller enthält Funktion zu erstellen, die auf Klick genannt werden, das heißt Ihre Click-Ereignishandler.

$scope.OnClick = function(){ 
    $scope.showSidebar = false; 
} 

In HTML -

<nav ng-show="showSidebar"></nav> 
<input type="button" ng-click="OnClick"/>