angular 6 - 发送字符串包含对组件输入的引号

Question

我有一个带有字符串输入的组件:

@Component({
   selector: 'abcComponent'
   template: `
      <div>
      ....
      </div>`
})
export class AbcComponent {
   @Input() text:string;
}

我要发送一个包含 的字符串引号到组件(例如:abc"d):

   selector: 'parentComponent'
   template: `
      <div>
         <abcComponent [text]="'abc"d'"></abcComponent>
      </div>`
})

我也试过这个:

<abcComponent [text]="'abc\"d'"></abcComponent>

但在这两种情况下，我都会收到模板解析错误。

任何的想法？

Answer 1

我发现这样做的方法是清理您的属性值。而不是使用 <abcComponent [text]="'abc"d'"></abcComponent> , 使用 <abcComponent [text]="'abc&quot;d'"></abcComponent> , 如 "是引号的“净化值”。

考虑阅读 this answer关于如何将 HTML 清理为 token 以正确转义字符。