Ggtcf

When were linguistics departments first established

Running a subshell from the middle of the current command

Is all copper pipe pretty much the same?

Coworker uses her breast-pump everywhere in the office

How to make readers know that my work has used a hidden constraint?

Time travel short story where dinosaur doesn't taste like chicken

Why must traveling waves have the same amplitude to form a standing wave?

What wound would be of little consequence to a biped but terrible for a quadruped?

Is it true that real estate prices mainly go up?

Making a sword in the stone, in a medieval world without magic

Do I need to leave some extra space available on the disk which my database log files reside, for log backup operations to successfully occur?

Provisioning profile doesn't include the application-identifier and keychain-access-groups entitlements

Replacing Windows 7 security updates with anti-virus?

Why does Deadpool say "You're welcome, Canada," after shooting Ryan Reynolds in the end credits?

When two POV characters meet

Unreachable code, but reachable with exception

Does the Bracer of Flying Daggers benefit from the Dueling fighting style?

How can I discourage/prevent PCs from using door choke-points?

Confusion with the nameplate of an induction motor

Single word request: Harming the benefactor

It's a yearly task, alright

If the Captain's screens are out, does he switch seats with the co-pilot?

Time dilation for a moving electronic clock

"One can do his homework in the library"

Angular 2 Downgrade Component with Output Parameter to Angular 1

0

I successed to do Downgrade angular 7 component to angular 1, but i faced little problem which i tried to solve with a lot of ways but not solved.

my downgrade component has output parameter as following:

@Output()isValid = new EventEmitter<boolean>();

and its triggerd as following:

this.isValid.emit(false);

in my angular 1 component i used it after downgraded it as following:

• in template:<downgrade-employee-selector (is-valid)="vm.validateEmployeeSelector($event)"> </downgrade-employee-selector>
  


• in ts:self.validateEmployeeSelector = ($event) => console.log($event);
  

its working fine but always $event in angular 1 function value is undefined and i can not how its working.

angular angular7 downgrade

share|improve this question

asked Mar 7 at 11:00

Hanaa GebrilHanaa Gebril

227

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Angular 1? You mean AngularJs?
  
  – Jamie Rees
  Mar 7 at 11:43
  

  
  
  
  

add a comment | 

0

I successed to do Downgrade angular 7 component to angular 1, but i faced little problem which i tried to solve with a lot of ways but not solved.

my downgrade component has output parameter as following:

@Output()isValid = new EventEmitter<boolean>();

and its triggerd as following:

this.isValid.emit(false);

in my angular 1 component i used it after downgraded it as following:

• in template:<downgrade-employee-selector (is-valid)="vm.validateEmployeeSelector($event)"> </downgrade-employee-selector>
  


• in ts:self.validateEmployeeSelector = ($event) => console.log($event);
  

its working fine but always $event in angular 1 function value is undefined and i can not how its working.

angular angular7 downgrade

share|improve this question

asked Mar 7 at 11:00

Hanaa GebrilHanaa Gebril

227

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Angular 1? You mean AngularJs?
  
  – Jamie Rees
  Mar 7 at 11:43
  

  
  
  
  

add a comment | 

I successed to do Downgrade angular 7 component to angular 1, but i faced little problem which i tried to solve with a lot of ways but not solved.

my downgrade component has output parameter as following:

@Output()isValid = new EventEmitter<boolean>();

and its triggerd as following:

this.isValid.emit(false);

in my angular 1 component i used it after downgraded it as following:

• in template:<downgrade-employee-selector (is-valid)="vm.validateEmployeeSelector($event)"> </downgrade-employee-selector>
  


• in ts:self.validateEmployeeSelector = ($event) => console.log($event);
  

its working fine but always $event in angular 1 function value is undefined and i can not how its working.

angular angular7 downgrade

share|improve this question

asked Mar 7 at 11:00

Hanaa GebrilHanaa Gebril

227

@Output()isValid = new EventEmitter<boolean>();

this.isValid.emit(false);

angular angular7 downgrade

angular angular7 downgrade

share|improve this question

asked Mar 7 at 11:00

Hanaa GebrilHanaa Gebril

227

share|improve this question

asked Mar 7 at 11:00

Hanaa GebrilHanaa Gebril

227

asked Mar 7 at 11:00

Hanaa GebrilHanaa Gebril

227

asked Mar 7 at 11:00

Hanaa GebrilHanaa Gebril

227

1 Answer
1

active

oldest

votes

0

i got solution for my proplem as following :

• define my components inputs and ouputs:directive('downgradeEmployeeSelector', downgradeComponent(
component: EmployeeSelectorComponent,

inputs: ['selectedEmployeesIds', 'multiSelect', 'required'],
outputs: ['isValid', 'selectedEmployeesIdsChange']
)




• call outputs and inputs in angular 1 html page:<downgrade-employee-selector name="empSelector" [selected-employees-ids]="vm.selectedEmployeeIds" [required]="true" (is-valid)="vm.validateEmployeeSelector($event)"></downgrade-employee-selector>

share|improve this answer

answered Mar 8 at 13:15

Hanaa GebrilHanaa Gebril

227

add a comment | 

Your Answer

StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");

StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);

else
createEditor();

);

function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);



);

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);

Sign up using Google

Sign up using Facebook

Sign up using Email and Password

Post as a guest

Name

Email

Required, but never shown

StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55042208%2fangular-2-downgrade-component-with-output-parameter-to-angular-1%23new-answer', 'question_page');

);

Post as a guest

Name

Email

Required, but never shown

0

i got solution for my proplem as following :

• define my components inputs and ouputs:directive('downgradeEmployeeSelector', downgradeComponent(
component: EmployeeSelectorComponent,

inputs: ['selectedEmployeesIds', 'multiSelect', 'required'],
outputs: ['isValid', 'selectedEmployeesIdsChange']
)




• call outputs and inputs in angular 1 html page:<downgrade-employee-selector name="empSelector" [selected-employees-ids]="vm.selectedEmployeeIds" [required]="true" (is-valid)="vm.validateEmployeeSelector($event)"></downgrade-employee-selector>

share|improve this answer

answered Mar 8 at 13:15

Hanaa GebrilHanaa Gebril

227

add a comment | 

0

i got solution for my proplem as following :

• define my components inputs and ouputs:directive('downgradeEmployeeSelector', downgradeComponent(
component: EmployeeSelectorComponent,

inputs: ['selectedEmployeesIds', 'multiSelect', 'required'],
outputs: ['isValid', 'selectedEmployeesIdsChange']
)




• call outputs and inputs in angular 1 html page:<downgrade-employee-selector name="empSelector" [selected-employees-ids]="vm.selectedEmployeeIds" [required]="true" (is-valid)="vm.validateEmployeeSelector($event)"></downgrade-employee-selector>

share|improve this answer

answered Mar 8 at 13:15

Hanaa GebrilHanaa Gebril

227

add a comment | 

i got solution for my proplem as following :

• define my components inputs and ouputs:directive('downgradeEmployeeSelector', downgradeComponent(
component: EmployeeSelectorComponent,

inputs: ['selectedEmployeesIds', 'multiSelect', 'required'],
outputs: ['isValid', 'selectedEmployeesIdsChange']
)




• call outputs and inputs in angular 1 html page:<downgrade-employee-selector name="empSelector" [selected-employees-ids]="vm.selectedEmployeeIds" [required]="true" (is-valid)="vm.validateEmployeeSelector($event)"></downgrade-employee-selector>

share|improve this answer

answered Mar 8 at 13:15

Hanaa GebrilHanaa Gebril

227

share|improve this answer

answered Mar 8 at 13:15

Hanaa GebrilHanaa Gebril

227

answered Mar 8 at 13:15

Hanaa GebrilHanaa Gebril

227

answered Mar 8 at 13:15

Hanaa GebrilHanaa Gebril

227