Question

我正在为我的组件创建一个html文件时遇到麻烦。关于这一点的奇怪事实是因为这个错误没有显示在其他组件上......

看起来这是一个编码问题，但我已经改变了html代码的编码，但它也没有用。

这是我的html：

 <div class="login">
	   <div class="container">
		  <div class="form access">
			  <div class="header-form">
				  <h1>Criar nova senha</h1>
				  <p>Oi Bruno, digita a senha que você vai      querer usar para o seu SebraeID.</p>
			  </div>
			  <form id="form-new-password">
				  <div class="form-control">
					  <label for="">Nova senha</label>
					  <input type="text" name="new-password" placeholder="Nova senha" />
				  </div>
				  <div class="form-control">
					  <label for="">Confirmar nova senha</label>
					  <input type="text" name="confirm-password" placeholder="Nova senha" />
				  </div>
				  <div class="form-control recaptcha">
					
				  </div>
				  <div class="form-control button">
					  <button type="submit" class="btn btn-default">Definir</button>
				  </div>
			  </form>
		  </div>
	  </div>
  </div>

这是终端的回应：

Answer 1

这是编码问题。我是通过在stackblitz中复制HTML代码找到的。你在“vocêvai”和空间之间的第6行有一些奇怪的，不可见的角色。

Answer 2

要解决此问题，请使用反向标记（）而不是引号

template:`<div class="login">
       <div class="container">
          <div class="form access">
              <div class="header-form">
                  <h1>Criar nova senha</h1>
                  <p>Oi Bruno, digita a senha que você vai          querer usar para o seu SebraeID.</p>
              </div>
              <form id="form-new-password">
                  <div class="form-control">
                      <label for="">Nova senha</label>
                      <input type="text" name="new-password" placeholder="Nova senha" />
                  </div>
                  <div class="form-control">
                      <label for="">Confirmar nova senha</label>
                      <input type="text" name="confirm-password" placeholder="Nova senha" />
                  </div>
                  <div class="form-control recaptcha">

                  </div>
                  <div class="form-control button">
                      <button type="submit" class="btn btn-default">Definir</button>
                  </div>
              </form>
          </div>
      </div>
  </div>`

模板文字由反向标记（）括起来，查看此链接了解更多详情developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/...

Angular2：未终止的字符串常量

2 个答案: