は、私が実行ブロックを持っているRUNブロック

Question

で変数の値を変更し、コードが

.run(['$rootScope', 'formlyConfig', 'appApiCheck', 'licenseExpDateValue', 
    ($rootScope, formlyConfig, appApiCheck, licenseExpDateValue) => { 

    $rootScope.maskPlaceHolder = ''; 

    formlyConfig.setType({ 
     name: 'maskedInput', 
     extends: 'input', 
     template: '<input class="form-control" ng-model="model[options.key]" ng-required="{{licenseExpDateValue.required}}" ng-class="{\'has-error\':licenseExpDateValue.showError}"/>', 
     defaultOptions: { 
      ngModelAttrs: { 
       mask: { 
        attribute: 'ui-mask' 
       }, 
       maskPlaceholder: { 
        attribute: 'ui-mask-placeholder' 
       } 
      }, 
     templateOptions: { 
      maskPlaceholder: $rootScope.maskPlaceholder 
     } 
     } 
    }) 
}]) 

で以降、私は、サーバーからデータを取得し、$rootScope.maskPlaceholderを変更しますが、templateOptionsでmaskPlaceholderはまだあります同じ。

maskPlaceHolderの更新方法templateOptions？

ありがとう

Answer 1

私はこれをワンタイムウォッチャーで行います。何かのように

.service('UpdateConfig', [ '$rootScope', 'formlyConfig', function ($rootScope, formlyConfig) { 
    var x = { 
    updateConfig: function (maskPlaceHolder) { 
     formlyConfig.setType({ 
     name: 'maskedInput', 
     extends: 'input', 
     template: '<input class="form-control" ng-model="model[options.key]" ng-required="{{licenseExpDateValue.required}}" ng-class="{\'has-error\':licenseExpDateValue.showError}"/>', 
     defaultOptions: { 
      ngModelAttrs: { 
      mask: { 
       attribute: 'ui-mask' 
      }, 
      maskPlaceholder: { 
       attribute: 'ui-mask-placeholder' 
      } 
      }, 
      templateOptions: { 
      maskPlaceholder: maskPlaceholder 
      } 
     }}); 
    }, 
    watcher: $rootScope.$watch('maskPlaceHolder', function (value) { 
     x.updateConfig(value); 
     x.watcher(); 
    }); 
    }; 
    return x; 
}]) 
.run(['$rootScope', 'UpdateConfig', 'appApiCheck', 'licenseExpDateValue', 
    ($rootScope, UpdateConfig, appApiCheck, licenseExpDateValue) => {  
    UpdateConfig.update(''); 
});