javascript - Optimize AngularJS ngHide attribute -


  & lt; span ng-hide = "(getStatusIcon (निष्क्रिय.currentStatus.code) .statusDesc) == ' समाप्त हो गई '() (getStatusIcon (inactive.currentStatus.code) .statusDesc) ==' अस्वीकृत '|| (getStatusIcon (inactive.currentStatus.code) .statusDesc) ==' मना कर दिया '"& gt; पीओ # [[असक्रिय.poNumber]] & lt; / span & gt;  

मैं कोड को अनुकूलित करना चाहूंगा यदि GetStatusIcon (inactive.currentStatus.code) .statusDesc है (समाप्त हो गया है, अस्वीकार कर दिया गया है) हम स्पैन टैग छुपा रहे हैं अभी हम फ़ंक्शन को 3 बार बुला रहे हैं GetStatusIcon (inactive.currentStatus.code) को चेक करने का एक तरीका है। StatusDesc (समाप्त हो गया, अस्वीकार कर दिया गया) फ़ंक्शन केवल एक बार कॉल कर रहा है।

आप एनजी-इनइट का इस्तेमाल केवल फ़ंक्शन को कॉल करने के लिए कर सकते हैं:

  & lt; span ng-init = "statusDesc = getStatusIcon (inactive.currentStatus.code) .statusDesc" ng-hide = "(statusDesc) == 'समय सीमा समाप्त' || (statusDesc) == ' अस्वीकृत '|| (स्थितिडिस्क) ==' अस्वीकृत '"& gt; पीओ # [[असक्रिय.poNumber]] & lt; / span & gt;  

और फिर आपको नियंत्रक में अपने संकुचन रखना चाहिए।

  & lt; span ng-init = "statusDesc = getStatusIcon (inactive.currentStatus.code) ) .statusDesc "ng-hide =" हैInvalidStatusDesc (statusDesc) "& gt; पीओ # {{असक्रिय.poNumber}} & lt; / span & gt; फ़ंक्शन mainCtrl ($ गुंजाइश) {$ scope.isInvalidStatusDesc = function (statusDesc) {switch (statusDesc) {case 'expired': मामले 'अस्वीकृत': case 'Refused': return true; डिफ़ॉल्ट: वापसी झूठी; }}; }  

Comments

Popular posts from this blog

c# - SignalR: "Protocol error: Unknown transport." when navigating to hub -

Camel ProducerTemplate possible memory leak -

javascript - Adhering to a max length setting with jshint -