main.html

by Sherali Turdiyev

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.0-beta.5/angular-route.min.js"></script>
<script src="https://raw.githubusercontent.com/turdiyev/bower-angular-route/a7d896f92b8a51a436209c8422c00a116f9c8af3/main.html"></script>
<div ng-app="myApp">
    <div ng-controller="myCtrl">Strictly for Demo Purpose
        <div ng-view></div>
        
        <button type="submit" ng-click="clear()">Clear</button>
    </div>
</div>

JavaScript

var myApp = angular.module('myApp', ['ngRoute'])
.config(function($routeProvider) {
     $routeProvider.when('/', {
        templateURL: "main.html"
    }).otherwise('/');

});
 
myApp.controller('myCtrl', function($scope,aProvider) {
    $scope.demotext = aProvider.demotext;
    $scope.clear = function () {
       aProvider.demotext = ""; // This is the place where I'm expecting solution
    }
});

 
myApp.controller('viewCtrl', function($scope,aProvider) {
    $scope.demotext = "df";
    
});
myApp.factory('aProvider', function() {
   return {
            demotext: "sdf"
        }
});