I am following the tutorial
Tryit Editor v3.1[
^]
I have changed $rootscope to scope for the first controller . but now it wont list the colors.
Should it be:
Blue
Red
Red , after i made the changes.
<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<body ng-app="myApp">
<p>The rootScope's favorite color:</p>
<h1>{{color}}</h1>
<div ng-controller="myCtrl">
<p>The scope of the controller's favorite color:</p>
<h1>{{color}}</h1>
</div>
<p>The Scope's favorite color is :</p>
<h1>{{color}}</h1>
<script>
var app = angular.module('myApp', []);
app.run(function($scope) {
$scope.color = 'blue';
});
app.controller('myCtrl', function($scope) {
$scope.color = "red";
});
</script>
<p>Notice that controller's color variable does not overwrite the rootScope's color value.</p>
</body>
</html>
What I have tried:
------------------------*************************************************************************************************************************************************************************************
Submit an article or tip