How to use AngularJS $rootScope?

Question

I am passing three $rootScope from process controller to Rating controller so based on the $rootScope status i am enabling and disabling buttons. Edit and view is working good but on $rootScope === 'NewPrt', Once user answered all question i want to enable submit button on 'NewPrt'.

So far i tried below code..

HTML

<button type="submit" class="btn btn-default" ng-disabled="disabledDraft"  ng-click="savePRTDraft()" ng-show="showSaveDraftBtn">Save
        as Draft</button>
    <button type="submit" class="btn btn-primary"
        ng-disabled="disableSubmitButton" ng-click="submitClicked()">Submit</button>

ProcessCtrl.js

$scope.gotoQstnPage = function(isNew) {
        var qrtUrl = "/createRtgQstnAir/"+$scope.processDTO.processKey + "/"+isNew;
        $rootScope.status = 'NewPrt';
        $location.path(qrtUrl);
    }

$scope.editProcessRating = function(prcsSessionKey) {
            var prtUrl = "/getProcessRating/"+prcsSessionKey;
            $rootScope.status = 'edit';
            $location.path(prtUrl);

        }

        $scope.viewProcessRating = function(prcsSessionKey) {
          var prtUrl = "/getProcessRating/"+prcsSessionKey;
          $rootScope.status = 'view';
          $location.path(prtUrl);
        }

RatingCtrl.js

if(j > $scope.questionnaire.length){
              if($rootScope.status ==='edit') {
                $scope.disableSubmitButton = false;
                $scope.disabledDraft = false;
                $scope.showBusDecDropDown = true;
              }

 $scope.disabledDraft = function(){
        if($rootScope.status === 'view') {
          return true;
        }
        else {
          return false;
        }
      }
      if ($rootScope.status === "NewPrt" ) {
        $scope.disabledDraft = false;
      }

Nidhish Krishnan · Accepted Answer · 2015-03-24 13:49:08Z

1

You can try like this instead of using $rootScope

var app = angular.module('myApp', []);
app.controller('Controller', function ($scope) {

});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app='myApp' ng-controller="Controller">
    <form name="myForm">
        <input name="myText" type="text" ng-model="mytext" required />
        <button ng-disabled="myForm.$invalid">Save</button>
    </form>
</div>

answered Mar 24, 2015 at 13:49

Nidhish Krishnan

20.8k6 gold badges67 silver badges78 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

A.L · Accepted Answer · 2015-03-25 20:35:42Z

1

When both conditions are true, enable the submit button:

if ($rootScope ==='edit' || $rootScope ==='NewPrt') {
    $scope.disableSubmitButton = false;
}

edited Mar 25, 2015 at 20:35

A.L

10.6k10 gold badges73 silver badges106 bronze badges

answered Mar 25, 2015 at 14:57

aftab

5454 gold badges15 silver badges46 bronze badges

Comments

Rana Ahmer Yasin · Accepted Answer · 2015-03-24 13:44:56Z

0

if you want to use $rootScope you need to inject $rootScope in every controller where you want to use config run any where

like this

var app = angular.module('app');
app.config(function($rootScope){
  $rootScope.name = "Hello World"
});

app.controller('home',function($scope,$rootScope){
$scope.name = $rootScope.name;
alert($scope.name) 
})

answered Mar 24, 2015 at 13:44

Rana Ahmer Yasin

5353 silver badges17 bronze badges

3 Comments

aftab Over a year ago

$rootScope is injected in all controller , based on my code how i can enable disableSubmitButton when $rootScope === 'NewPrt' and questions answered.

Rana Ahmer Yasin Over a year ago

$rootScope is object u need to assign property in $rooScope like $rootScope.value = 'NewPrt' then it will easily allow to set condition like if( $rootScope.value === 'NewPrt'){ //enable submit button //its easy }

aftab Over a year ago

please check my question i had value assigned it $rootScope.status ==='NewPrt'

Collectives™ on Stack Overflow

How to use AngularJS $rootScope?

3 Answers 3

Comments

Comments

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related