without touching core controller call the extended controller and accessing the core controller function

Question

i am having a core controller

(function() {
    "use strict";

    function FieldSettingsOverlay($scope, localizationService, formService, userService) {
        var vm = this;
        vm.changeValidationType = changeValidationType;

        vm.validationTypes = [{
            "key": "number",
            "pattern": "^[0-9]*$"
        }, {           
            "key": "url",
            "pattern": "https?\:\/\/[a-zA-Z0-9\-\.]+\.[a-zA-Z]{2,}"
        }];

        function changeValidationType(selectedValidationType) {
            console.log("Parent")
        }
    }
    angular.module("umbraco").controller("UmbracoForms.Overlays.FieldSettingsOverlay", FieldSettingsOverlay);

})();

from this parent controller i have an array called vm.validationTypes , this is currently having only 2 objects but i have to add 3 or 4 objects.

so i have created a another controller by extend the core controller

// CustomValidation

angular.module("umbraco").controller('FromValidationCustomController', function ($scope, $controller) {
  'use strict';

console.log("inistiate")
  angular.extend(this, $controller('UmbracoForms.Overlays.FieldSettingsOverlay', {$scope: $scope}));
  $scope.changeValidationType=function(){

    console.log($scope.validationTypes)
  }
})

new extended controller using the same function called changeValidationType it is not even calling it where as only parent function calling

any idea what am i missing ? why this controller inside function not calling

`changeValidationType` is not defined in `$scope` in the `FieldSettingsOverlay` controller — Satpal, Jun 12 '18 at 07:09
hi but my new controller is not even calling i guess , so non eof the console is printing inside the FromValidationCustomController — Gayathri Mohan, Jun 12 '18 at 07:14
how do i call my new controller called FromValidationCustomController ? this controller is not calling , due to that the events also not triggering — Gayathri Mohan, Jun 12 '18 at 07:16
do you have router or html file? check whether the controller is included in router or in HTML as ng-controller = "FromValidationCustomController" — I. Ahmed, Jun 12 '18 at 07:22

I. Ahmed · Answer 1 · 2018-06-12T08:56:31.593

0

The posted code has issue. Please check the updated minimum code section that works:

(function(angular) {

 var module = angular.module('umbraco',[]);

 module.controller('UmbracoForms.Overlays.FieldSettingsOverlay', function($scope, $document) {
    this.validationTypes = [{
            "key": "number",
            "pattern": "^[0-9]*$"
        }, {           
            "key": "url",
            "pattern": "https?\:\/\/[a-zA-Z0-9\-\.]+\.[a-zA-Z]{2,}"
        }];
  this.changeValidationType = function() {
     console.log("Parent")
   return this.validationTypes;
  };
 });

})(angular);
var module = angular.module('example1',['umbraco']);
module.controller('FromValidationCustomController', function($scope, $controller) {
console.log("inistiate");
  angular.extend(this, $controller('UmbracoForms.Overlays.FieldSettingsOverlay', {$scope: $scope}));
 });

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.15/angular.js"></script>

<div ng-app="example1">
    <div ng-controller="FromValidationCustomController as C">
        <span><b>From Parent Controller:</b> {{C.changeValidationType()}}</span>
    </div>
</div>

edited Jun 12 '18 at 08:56

answered Jun 12 '18 at 07:45

I. Ahmed

2,438
1
12
29

hi but the FromValidationCustomController is not calling , i have the view but the view no longer used i just add one empty div with ng-controller name on it , – Gayathri Mohan Jun 12 '18 at 07:50
The view where ng-controller is defined, the html code need to be executed – I. Ahmed Jun 12 '18 at 07:52
i have to call the FromValidationCustomController on Page Load itself because the HTML is no longer available to call this FromValidationCustomController – Gayathri Mohan Jun 12 '18 at 07:52
For testing purpose, add the controller to a html view which is called. And check... – I. Ahmed Jun 12 '18 at 07:53
i have added already as i said before but it is not calling

– Gayathri Mohan Jun 12 '18 at 07:59
Also you can check the post: https://stackoverflow.com/questions/16539999/whats-the-recommended-way-to-extend-angularjs-controllers – I. Ahmed Jun 12 '18 at 08:03
Please check the updated answer and use it as sample code. – I. Ahmed Jun 12 '18 at 08:29

without touching core controller call the extended controller and accessing the core controller function

1 Answers1