Avoid repeating a function call from HTML in an Angular 7 applicationIn AngularJS, create lots of directives or use ng-controller?Forms - Ordered fields vs. dynamic iterationsRetrieving objects from JSON URLsAngularJS directive-oriented news appHandling Java instant Ajax request/respond with AngularRetrieve index of HTML element within parentAngular 4 ApplicationCopying tiff files to template, changing text and savingDisplay multiple video in video tag using timeduration in Grails ApplicationAngular + Redux app organization and initialization: transfer from a PHP-driven website

Theorems like the Lovász Local Lemma?

I need to drive a 7/16" nut but am unsure how to use the socket I bought for my screwdriver

What are the possible solutions of the given equation?

Why are the outputs of printf and std::cout different

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

How is the Swiss post e-voting system supposed to work, and how was it wrong?

How to get the name of the database a stored procedure is executed in within that stored procedure while it's executing?

What does it mean to make a bootable LiveUSB?

What is IP squat space

Have researchers managed to "reverse time"? If so, what does that mean for physics?

Is Mortgage interest accrued after a December payment tax deductible?

How to deal with a cynical class?

Brexit - No Deal Rejection

Employee lack of ownership

Bash replace string at multiple places in a file from command line

Can elves maintain concentration in a trance?

How do anti-virus programs start at Windows boot?

Can hydraulic brake levers get hot when brakes overheat?

Using "wallow" verb with object

Schematic conventions for different supply rails

Can anyone tell me why this program fails?

Is it possible that AIC = BIC?

At what level can a dragon innately cast its spells?

Russian cases: A few examples, I'm really confused



Avoid repeating a function call from HTML in an Angular 7 application


In AngularJS, create lots of directives or use ng-controller?Forms - Ordered fields vs. dynamic iterationsRetrieving objects from JSON URLsAngularJS directive-oriented news appHandling Java instant Ajax request/respond with AngularRetrieve index of HTML element within parentAngular 4 ApplicationCopying tiff files to template, changing text and savingDisplay multiple video in video tag using timeduration in Grails ApplicationAngular + Redux app organization and initialization: transfer from a PHP-driven website













0












$begingroup$


I have been developing an application using Angular 7. I am calling some function written in Typescript, from some HTML elements. The function simply returns a boolean value based on the second parameter which represents the month ID. I am wondering whether I can call this function only once and keep the result as a variable in the HTML as I get the same result if the month is the same.



Will that gives me any performance gain?
Is that a good practice?



Please advise me.



PS:- This is my first question of "Code Review". Please let me know if I need to improve anything on this post.



Here is the code:



 <!-- JAN -->
<e-column headerText="JAN" [customAttributes]="class: 'textAlignment'">
<ng-template #template let-data>
<input [checked]="getMonthCompletionStatus(data, 0)"/>
<label *ngIf="getMonthCompletionStatus(data, 0)"></label>
<label *ngIf="!getMonthCompletionStatus(data, 0)" ></label>
</ng-template>
</e-column>








share







New contributor




Kushan Randima is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.







$endgroup$
















    0












    $begingroup$


    I have been developing an application using Angular 7. I am calling some function written in Typescript, from some HTML elements. The function simply returns a boolean value based on the second parameter which represents the month ID. I am wondering whether I can call this function only once and keep the result as a variable in the HTML as I get the same result if the month is the same.



    Will that gives me any performance gain?
    Is that a good practice?



    Please advise me.



    PS:- This is my first question of "Code Review". Please let me know if I need to improve anything on this post.



    Here is the code:



     <!-- JAN -->
    <e-column headerText="JAN" [customAttributes]="class: 'textAlignment'">
    <ng-template #template let-data>
    <input [checked]="getMonthCompletionStatus(data, 0)"/>
    <label *ngIf="getMonthCompletionStatus(data, 0)"></label>
    <label *ngIf="!getMonthCompletionStatus(data, 0)" ></label>
    </ng-template>
    </e-column>








    share







    New contributor




    Kushan Randima is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
    Check out our Code of Conduct.







    $endgroup$














      0












      0








      0


      1



      $begingroup$


      I have been developing an application using Angular 7. I am calling some function written in Typescript, from some HTML elements. The function simply returns a boolean value based on the second parameter which represents the month ID. I am wondering whether I can call this function only once and keep the result as a variable in the HTML as I get the same result if the month is the same.



      Will that gives me any performance gain?
      Is that a good practice?



      Please advise me.



      PS:- This is my first question of "Code Review". Please let me know if I need to improve anything on this post.



      Here is the code:



       <!-- JAN -->
      <e-column headerText="JAN" [customAttributes]="class: 'textAlignment'">
      <ng-template #template let-data>
      <input [checked]="getMonthCompletionStatus(data, 0)"/>
      <label *ngIf="getMonthCompletionStatus(data, 0)"></label>
      <label *ngIf="!getMonthCompletionStatus(data, 0)" ></label>
      </ng-template>
      </e-column>








      share







      New contributor




      Kushan Randima is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
      Check out our Code of Conduct.







      $endgroup$




      I have been developing an application using Angular 7. I am calling some function written in Typescript, from some HTML elements. The function simply returns a boolean value based on the second parameter which represents the month ID. I am wondering whether I can call this function only once and keep the result as a variable in the HTML as I get the same result if the month is the same.



      Will that gives me any performance gain?
      Is that a good practice?



      Please advise me.



      PS:- This is my first question of "Code Review". Please let me know if I need to improve anything on this post.



      Here is the code:



       <!-- JAN -->
      <e-column headerText="JAN" [customAttributes]="class: 'textAlignment'">
      <ng-template #template let-data>
      <input [checked]="getMonthCompletionStatus(data, 0)"/>
      <label *ngIf="getMonthCompletionStatus(data, 0)"></label>
      <label *ngIf="!getMonthCompletionStatus(data, 0)" ></label>
      </ng-template>
      </e-column>






      javascript html angular-2+





      share







      New contributor




      Kushan Randima is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
      Check out our Code of Conduct.










      share







      New contributor




      Kushan Randima is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
      Check out our Code of Conduct.








      share



      share






      New contributor




      Kushan Randima is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
      Check out our Code of Conduct.









      asked 4 mins ago









      Kushan RandimaKushan Randima

      1013




      1013




      New contributor




      Kushan Randima is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
      Check out our Code of Conduct.





      New contributor





      Kushan Randima is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
      Check out our Code of Conduct.






      Kushan Randima is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
      Check out our Code of Conduct.




















          0






          active

          oldest

          votes











          Your Answer





          StackExchange.ifUsing("editor", function ()
          return StackExchange.using("mathjaxEditing", function ()
          StackExchange.MarkdownEditor.creationCallbacks.add(function (editor, postfix)
          StackExchange.mathjaxEditing.prepareWmdForMathJax(editor, postfix, [["\$", "\$"]]);
          );
          );
          , "mathjax-editing");

          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: "196"
          ;
          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: false,
          noModals: true,
          showLowRepImageUploadWarning: true,
          reputationToPostImages: null,
          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
          );



          );






          Kushan Randima is a new contributor. Be nice, and check out our Code of Conduct.









          draft saved

          draft discarded


















          StackExchange.ready(
          function ()
          StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fcodereview.stackexchange.com%2fquestions%2f215460%2favoid-repeating-a-function-call-from-html-in-an-angular-7-application%23new-answer', 'question_page');

          );

          Post as a guest















          Required, but never shown

























          0






          active

          oldest

          votes








          0






          active

          oldest

          votes









          active

          oldest

          votes






          active

          oldest

          votes








          Kushan Randima is a new contributor. Be nice, and check out our Code of Conduct.









          draft saved

          draft discarded


















          Kushan Randima is a new contributor. Be nice, and check out our Code of Conduct.












          Kushan Randima is a new contributor. Be nice, and check out our Code of Conduct.











          Kushan Randima is a new contributor. Be nice, and check out our Code of Conduct.














          Thanks for contributing an answer to Code Review Stack Exchange!


          • Please be sure to answer the question. Provide details and share your research!

          But avoid


          • Asking for help, clarification, or responding to other answers.

          • Making statements based on opinion; back them up with references or personal experience.

          Use MathJax to format equations. MathJax reference.


          To learn more, see our tips on writing great answers.




          draft saved


          draft discarded














          StackExchange.ready(
          function ()
          StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fcodereview.stackexchange.com%2fquestions%2f215460%2favoid-repeating-a-function-call-from-html-in-an-angular-7-application%23new-answer', 'question_page');

          );

          Post as a guest















          Required, but never shown





















































          Required, but never shown














          Required, but never shown












          Required, but never shown







          Required, but never shown

































          Required, but never shown














          Required, but never shown












          Required, but never shown







          Required, but never shown







          Popular posts from this blog

          कुँवर स्रोत दिक्चालन सूची"कुँवर""राणा कुँवरके वंशावली"

          Why is a white electrical wire connected to 2 black wires?How to wire a light fixture with 3 white wires in box?How should I wire a ceiling fan when there's only three wires in the box?Two white, two black, two ground, and red wire in ceiling box connected to switchWhy is there a white wire connected to multiple black wires in my light box?How to wire a light with two white wires and one black wireReplace light switch connected to a power outlet with dimmer - two black wires to one black and redHow to wire a light with multiple black/white/green wires from the ceiling?Ceiling box has 2 black and white wires but fan/ light only has 1 of eachWhy neutral wire connected to load wire?Switch with 2 black, 2 white, 2 ground and 1 red wire connected to ceiling light and a receptacle?

          चैत्य भूमि चित्र दीर्घा सन्दर्भ बाहरी कडियाँ दिक्चालन सूची"Chaitya Bhoomi""Chaitya Bhoomi: Statue of Equality in India""Dadar Chaitya Bhoomi: Statue of Equality in India""Ambedkar memorial: Centre okays transfer of Indu Mill land"चैत्यभमि