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 -

class - Kivy: how to instantiate a dynamic classes in python -

svn - Cannot merge back into trunk, must be ancestrally related. But they *are* related as far as I understand -