我如何使用angularJS编程语言将金额输入字段设置为不可编辑和可编辑

例如,如果我在控制台中选择显示“ partial_pay:N”的控制台中的“ A biller”,则该逻辑来自我的应用程序前端,此时付款页面金额输入字段应该不可编辑

如果在控制台中选择显示“ partial_pay:B”的“ B biller”,则该时间的付款页面金额输入字段应可编辑。

到目前为止,在我的应用程序中,我无法使用该逻辑。这就是我在html页面中写的

<div ng-if="payee.partialPay == 'N'"
     class="fmb-fundtransfer-amount fmb-positon-relative"
     layout="row" layout-align="center center">
    <fin-input class="fmb-adaptive-font-currency"
            type="money-currency" flex="70"
            option-array="fundTransfer.common.currencyList"
            on-change="angular.element(this).scope().formatAmountCrn('fundTransfer.common.amount','fundTransfer.common.currency');"
            currency-model="fundTransfer.common.currency"
            base-font-size='22px' adaptive-font flexLreadonly >
    </fin-input>
</div>

这部分来自js文件的代码

self.partialPay="Y";    
parseRegesterdBillerDetails:function(responsesList)
{
self.partialPay = responsesList[0].partialPay;
console.log("non-editable:::"+self.partialPay);
mengdegong 回答:我如何使用angularJS编程语言将金额输入字段设置为不可编辑和可编辑

使用AngularJS V7.3,可以使用ng-on directive简化on-change属性。1

<fin-input class="fmb-adaptive-font-currency"
        type="money-currency" flex="70"
        option-array="fundTransfer.common.currencyList"
        ̶o̶n̶-̶c̶h̶a̶n̶g̶e̶=̶"̶a̶n̶g̶u̶l̶a̶r̶.̶e̶l̶e̶m̶e̶n̶t̶(̶t̶h̶i̶s̶)̶.̶s̶c̶o̶p̶e̶(̶)̶.̶f̶o̶r̶m̶a̶t̶A̶m̶o̶u̶n̶t̶C̶r̶n̶(̶'̶f̶u̶n̶d̶T̶r̶a̶n̶s̶f̶e̶r̶.̶c̶o̶m̶m̶o̶n̶.̶a̶m̶o̶u̶n̶t̶'̶,̶'̶f̶u̶n̶d̶T̶r̶a̶n̶s̶f̶e̶r̶.̶c̶o̶m̶m̶o̶n̶.̶c̶u̶r̶r̶e̶n̶c̶y̶'̶)̶;̶"̶ 
        ng-on-change="formatAmountCrn(fundTransfer.common.amount,fundTransfer.common.currency)"
        currency-model="fundTransfer.common.currency"
        base-font-size='22px' adaptive-font flexLreadonly >
</fin-input>

另一个优点是可以使用AngularJS的生产版本(angular.min.js)。生产版本中禁用了element.scope()方法,以显着提高性能。

本文链接:https://www.f2er.com/3100556.html

大家都在问