Wie man Variable in HTML Src einfügt?

Question

Hallo alle zusammen und guten Rutsch ins neue Jahr!

Ich versuche, den Parameter $ctrl.configFile.samples in src einfügen, aber ich etwas falsch gemacht und einen Fehler auf der Konsole (wie iframe src lesen $ctrl.configFile.samples oder so ähnlich):

Failed to load resource: net::ERR_FILE_NOT_FOUND 

function _downloadSamples() { 
        var filePath = path.join(__dirname,'/../','/../config.json'); 
        this.configFile = JSON.parse(fs.readFileSync(filePath, 'utf8')); 
        $mdDialog.show({ 
         controller: sideActionsController, 
         controllerAs: '$ctrl', 
         template: 
         ` 
         <md-toolbar class="root-container"> 
<iframe width="1280" height="720" src="$ctrl.configFile.samples" frameborder="0" scrolling="yes"></iframe> 
         `, 
         bindToController: true, 
         clickOutsideToClose: true, 
         fullscreen: true, 
         parent: $rootScope.parentEl 
        }) 
       } 

Answer 1

JS behandelt $ ctrl. configFile.samples als reine Zeichenfolge, wenn Sie den Inhalt dieser Variablen erhalten möchten Sie es in dieser Form schreiben:

src="${ $ctrl.configFile.samples }" 

Mit Vorlage Literale Sie Variablen wie folgt zugreifen können : `eine Zeichenfolge ... $ {Variable} ... Rest der Zeichenfolge.

Lesen Sie mehr über template literals.

Answer 2

Verwendung Apostroph wie diese,

'<md-toolbar class="root-container">
<iframe width="1280" height="720" src=" ' + $ctrl.configFile.samples + '" frameborder="0" scrolling="yes"></iframe> '