javascript - custom blur not working correctly [AngularJS] -

-

i trying create notifications this:

http://plnkr.co/edit/gbfiofdnb2oc4zjarqtp?p=preview

but unsuccesful integrade in script, because when click outside notification box nothing happend.

here script:

'use strict'; var app = angular.module('notifications',['ngroute'], function($interpolateprovider) {     $interpolateprovider.startsymbol('<%');     $interpolateprovider.endsymbol('%>');   })         .controller('notificationcontroller', function($scope, $http) {             $http.get("/api/notification")             .success(function (response) {                 $scope.notys = response;             });              $scope.notifications = {                 visible: false               };             $scope.shownotifications = function(flag) {                 $scope.notifications.visible = flag;               };              })            .directive('customblur', function(){             return {               restrict: 'a',               scope: {                 'customblur': '='               },               link: function(scope, element, attr) {                 element.on('click', function(event){                   var targetattr = angular.element(event.target).attr('custom-blur');                   console.log(targetattr);                   if (typeof targetattr !== 'undefined') {                     scope.$apply(function(){                       scope.customblur = false;                     });                   }                  });               }             };           });

problem when click outside notifcation box not return shuld return notification.visible if click notification box return undefined expected.

that result for: console.log(targetattr);

i ran code in plunkr , tried fix error. found module name , controller name not same.

uncaught error: [$injector:modulerr] failed instantiate module demo due to: error: [$injector:nomod] module 'demo' not available! either misspelled module name or forgot load it. if registering module ensure specify dependencies second argument. http://errors.angularjs.org/1.4.2/$injector/nomod?p0=demo

this error says angular not able find module 'demo'. made changes html here. line:

<html ng-app="notifications">

after got error:

uncaught error: [$injector:modulerr] failed instantiate module notifications due to: error: [$injector:modulerr] failed instantiate module ngroute due to: error: [$injector:nomod] module 'ngroute' not available! either misspelled module name or forgot load it. if registering module ensure specify dependencies second argument.

this says ngroute using here angular.module('notifications',['ngroute'], function($interpolateprovider) { not available. removed it. (just fix error.).so did changes js. line:

angular.module('notifications',[], function($interpolateprovider) {

ok after got error:

error: [ng:areq] argument 'ctrl' not function, got undefined http://errors.angularjs.org/1.4.2/ng/areq?p0=ctrl&p1=not%20a%20function%2c%20got%20undefined

which says ctrl not defined properly.so made changes html again.this line

 <body ng-controller="notificationcontroller">

ok. after fixing found no more error. , plunker started working again. can see plunker here : plunker

hope helps you. thank you.


Comments

Post a Comment

Popular posts from this blog

yii2 - Yii 2 Running a Cron in the basic template -

-
i have seen instructions on running cron in advanced template, cant figure out how on basic template. have following controller in basic controllers folder. <?php namespace app\controllers; use yii\console\controller; /** * cron controller */ class croncontroller extends controller { public function actionindex() { echo "cron service runnning"; } public function actionmail($to) { echo "sending mail " . $to; } } i have navigated root of application , tried these comands yii cron php yii cron im getting unknown comand "cron" i know old question failed find actual answer this. if @ code yii exec file you'll notice requires /common/config/aliases.php file console/config/main.php. can naturally change these or copy on these advanced template. hope solves problem wanting same thing.
Read more

asp.net - 'System.Web.HttpContext' does not contain a definition for 'GetOwinContext' Mystery -

-
i realize question might seem trivial some, it's these types of things find myself fighting quite bit , want make sense of despite seeming losing battle in .net (for me anyway). so, if following: using system.web; ... applicationuser user = system.web.httpcontext.getowincontext().getusermanager<applicationusermanager>().findbyid(system.web.httpcontext.user.identity.getuserid()); that produces error in title , red getowincontext() , error cannot resolve symbol 'getowincontext()' however, if following (remove system.web in front of httpcontext ), works expected (or @ least no errors): using system.web; ... applicationuser user = httpcontext.getowincontext().getusermanager<applicationusermanager>().findbyid(system.web.httpcontext.user.identity.getuserid()); however, if (same line that's working using system.web commented out): //using system.web; ... applicationuser user = httpcontext.getowincontext().getusermana...
Read more

mercurial graft feature, can it copy? -

-
there new feature in mercurial 3, called 'graft' (graft local). job of moving change-set different branch. is there way "copy" change-set branch? i interested in in moving stuff qa branch production branch, still need code reside in qa. want copy. found , have tried few things, maybe it'll become clear more tinkering , reading... does have better way of 'cherry picking' change-sets move cross branch (or trunk)??? graft copies changesets, doesn't move them. hg graft (emphasis mine): this command uses mercurial's merge logic copy individual changes other branches without merging branches in history graph. known 'backporting' or 'cherry-picking' . default, graft copy user, date, , description source changesets.
Read more