Script etiket

Question

Ben basit aurelia görünümüne basit komut bloğunu ekliyorum yürütülmez betik bloğu DOM'de görünür.

ben de dinamik ViewModel aracılığıyla bir komut dosyası bloğu eklemeye çalıştık ve ayrıca denedim: Ben bunu yapmanın en iyi uygulama değil anlıyorum

<script type="text/javascript" src="http://blah"></script> 

, ama üçüncü parti widget'ı bütünleştirmek çalışıyorum o daha sonra bir iframe oluşturur. Yukarıda gösterilen uyarı, gördüğümü doğrulamanın basit bir yoludur. Benim bakış modelinden üçüncü bir tarafa bir API çağrısı yapmak

• şu şekildedir:

  gerçek hayat senaryodur.

• şu döndürülür:

  <script type='text/javascript' language='JavaScript' src =' https://secure.na1.echosign.com/public/embeddedWidget? `Wid = CBFCIBAA3AAABLblqZhBU33GaMRZ2lMelHKzti7RkanxMP5v- uW_f8CEiKoopNNofJWyXhmE56Su3HTbY * & belirteç = CBNCKBAAHBCAABAARNiZ7Yba0h7dnLaQRBAdTdH9UrJZKryP'/> Ben DOM bu ekler ve bunu yürütmek olması gerekir

. Bu soruna, yukarıdaki url'yi getirme yoluyla çağırarak çalışıyorum ve daha sonra yanıtı çalıştırıyorum, ancak bunu yapmanın sıkıcı/korkak bir yolu gibi görünüyor.

Answer 1

Bu yanıtta verilen çözümü uyarlamanızı öneririm: Use JS variable to set the src attribute for <script> tag. Gelen

senin SM'nin bind veya attached yöntemi (büyük olasılıkla): Gerekirse

let scriptURL = api.getURL(); 

let scriptElement = document.createElement('script'); 

scriptElement.src = scriptURL; 
scriptElement.onload =() => { 
    // do anything you need to do here, or call a VM method 
    this.someVMMethod(); 
}; 

this.scriptElementInHead = document.querySelector('head').appendChild(scriptElement); 

, hatta bir referansı tutmak ve ne zaman bileşeni kafa öğesinden kaldırarak komut elemanını kaldırabilirsiniz unbind veya detached yöntemlerinde kaldırılıyor.

detached() { 
    document.querySelector('head').removeChild(this.scriptElementInHead); 
}