anglejsでdom jqueryのクリック機能を実装する方法

私はangularjsの初心者です。私はちょうどangularjs上記jqueryの機能を実装して、今すぐanglejsでdom jqueryのクリック機能を実装する方法

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

- ：私はjqueryのクリック機能すなわち、ここで

jQueryのコードを持っています。以下のような

代：

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

出典

2016-05-05 vineet

ので、問題が何であるかを助けるあなたはこの

<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'); })

を試してみてくださいと思いますか？ –

'ng-click'を使用してください。 – Tushar

実際に何をしたいですか？何を試して、あなたのコードを共有してください... –

私はそれが

出典

2016-05-05 06:43:42

あなたは、クリック、すなわち、あなたのクリックイベントハンドラで呼び出される関数を含むコントローラを作成する必要があります。 HTMLで

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

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

出典

2016-05-05 05:50:39

anglejsでdom jqueryのクリック機能を実装する方法

答えて

関連する問題