2017-08-04 4 views
1

私はAngularを初めて使っています。次のコードを書いていますが、このコードは私にとってはうまくいかないようです。角度関数内に変数値を出力することができません

HTML:私は、コンソールに出力下の取得のコードを実行したときに、私が間違っているのかわからない

addArticle(title : HTMLInputElement, link : HTMLInputElement):boolean{ 
    console.log('Adding article with title: ${title.value} and link ${link.value}'); 
    return false; 
    } 

<form class= "ui large form segment"> 
    <h3 class= "ui header">Add a link</h3> 

    <div class="field"> 
    <label for = "title">Title: </label> 
    <input name= "title" #newtitle> 
    </div> 

    <div class="field"> 
    <label for = "link">Link: </label> 
    <input name= "link" #newlink> 
    </div> 

<button (click) = "addArticle(newtitle, newlink)" class= "ui positive right floated button"> 
    Submit link 
</button> 

</form> 

.TS:

Adding article with title: ${title.value} and link ${link.value} 

答えて

1

バックティック( `)の代わりにシングルクォート( ')を使用していると思います。下のコードを試してください。

addArticle(title : HTMLInputElement, link : HTMLInputElement):boolean{ 
    console.log(`Adding article with title: ${title.value} and link ${link.value}`); 
    return false; 
    } 
+0

で単一引用符を置き換えますが、それは働いた、ありがとうございます。 –

0

単にバッククォート

関連する問題