angularjs-scope

问题 I'm trying to encapsulate the events in a service in order to implement a mechanics to subscribe / unsubscribe the listeners when a controller's scope is destroyed. This because I have been using the rootScope.$on in the following way: if(!$rootScope.$$listeners['event']) { $rootScope.$on('event', function(ev, data){ // do some... }); } or $scope.$on('$destroy', function(ev, data){ // unsubscribe the listener }); So I just need one listener of this event, I need to delete the existing

问题 I am using $watch in dynamic way so on every call its creating another $watch while I want to unbind previous $watch . $scope.pagination =function(){ $scope.$watch('currentPage + numPerPage', function (newValue,oldValue) { $scope.contestList = response; //getting response form $http } } I have multiple tabs. When a tab is clicked, the pagination function gets called: $scope.ToggleTab = function(){ $scope.pagination(); } so its creating multiple $watch and every time I click on tab it creates

问题 I've multiple controllers in my application, where I have some duplicate code like: $scope.alert = null; $scope.addAlert = function (message) { $scope.alert = { type: 'danger', msg: message }; }; $scope.clearAlerts = function () { $scope.alert = null; }; What is the recommended way sharing these scope functions and variables in AngularJS? Using controller inheritance? 回答1: Create a one controller and then place common methods inside that controller scope. So that you can use that scope

问题 I have one function named as saveInDB. Which saves data in the Database. Object is passed as a parameter to the function. $scope.SaveDB(iObj,function(iResult){ //after a sucessfull opreation in the DB. Now I need iObj to be passed to other controller. // I have used $emit method $rootScope.$emit('saveCallback'); }) In other controller where I need to access the iObj to other controllers. I am not getting the object. In a controllers I have var _save = $rootScope.$on('saveCallback',function(){

问题 I'm using "controller as" syntax and I have each controller in a separate file wrapped in an IIFE, as recommended in John Papa's AngularJS Style Guide. Is there a way to access properties declared in the scope of the parent controller from the child controller ? I can access them in the view by doing {{parent.variableOfParent}} , but don't know how to do that from the JS of the child controller. Plnkr P.S. It may be good to create a tag for the style guide as there are quite a few questions

问题 I am new to typescript and angular.I have implemented a module using typescript and angular js. In which i need to create a dynamic table which will fetch the type of presentation and accordingly append to my view as previously i have done in C#.My c# code i have given below: private void ShowCustomFields() { Customer.CustomerController control = new Customer.CustomerController(); DataTable fields = control.GetCustomFields(); TableRow row = new TableRow(); Int16 count = 0; foreach (DataRow dr

问题 Currently I am using the Controller As format for scoping controllers. This works great for keeping the scope of values on the views clear and easy to follow. <div ng-app="myApp" ng-controller="myController as myctrl"> <ul> <li ng-repeat="contact in myctrl.contacts"> <input type="text" ng-model="contact.name.first" /> </li> </ul> </div> However, when implementing a $watch I am running into problems because it seems to be dependent on $scope so the following will not work. angular.module(

问题 I am trying to set dynamically height to element in my demo .I will tell you issue I am taking static or constant value of height in my demo .I take 250px constant value #wrapper{ background-image: url(https://dl.dropboxusercontent.com/s/nz1fzunlqzzz7uo/login_bg.png?dl=0); min-height: 250px; background-repeat: no-repeat; } But I need to add this height dynamically .I got height from this $scope.hgt =$window.innerHeight/3; alert($scope.hgt) But I need to set $scope.hgt to min-height to

问题 I'm pretty sure I'm doing something wrong because of my little experience with angular. Probably the answer is already somewhere in stackoverflow, and I'm not asking (googling) the right questions. I have this pretty simple directive. It's just a span with four states, that I want to change on every click on the span. Every click progresses the state forward and then loops back. Every state has a different css class. I want the values changed on the parent model everytime the value of the

问题 I'm pretty sure I'm doing something wrong because of my little experience with angular. Probably the answer is already somewhere in stackoverflow, and I'm not asking (googling) the right questions. I have this pretty simple directive. It's just a span with four states, that I want to change on every click on the span. Every click progresses the state forward and then loops back. Every state has a different css class. I want the values changed on the parent model everytime the value of the