spent time searching answer this, grabbed few lines of different sample code , errors out well.
goal:
click button > button adds class "active" div. inside div.active there element function remove .active div.active
html:
<body ng-app="myapp"> <div ng-controller="myctrl"> <button ng-click="slidepanel='active'">open div 1</button> <div class="div1" ng-class="slidepanel"> <div class="close" ng-click="removeactive()">close</div> hi i'm slide panel </div> </div> </body> js:
angular.module('myapp', []) .controller('myctrl', ['$scope', function ($scope) { $scope.removeactive = function () { //errors element not defined /*var myel = angular.element(element.getelementsbyclassname('div1')); myel.removeclass('active');*/ //errors myel.removeclass not function var myel = document.getelementsbyclassname('div1'); myel.removeclass('active'); //errors [jqlite:nosel] looking elements via selectors not supported jqlite! /*var myel = angular.element('div1'); myel.removeclass('active');*/ //errors element not defined /*var query = element[0].queryselector('.div1'); var wrappedqueryresult = angular.element(query); query.removeclass('active');*/ } }]); not sure i'm doing wrong here.
if don't want use object notation (which preferred method), set slidepanel empty string remove class.
<div class="close" ng-click="slidepanel=''">close</div> 
Comments
Post a Comment