问题
我正在为我的Angular 6应用程序实现翻译。它需要支持多种语言的应用程序的静态文本。我不需要在运行时进行动态翻译--我只需要在构建过程中生成一个带有文本的应用程序。
Angular拥有完整的,但它只关注所有文本都硬编码在模板中的情况,如以下代码所示:
<p>This is a hard coded text</p>
在我的模板中几乎不存在这种情况。另外,在我看来,用硬编码到模板中的所有文本来编写整个应用程序似乎是不可能的,或者说是非常糟糕的,所以如果这是唯一可用的翻译机制,那么它对我来说似乎是完全无用的。
在我的组件中,我经常将文本绑定到一些JavaScrip
在AngularJS中,可以使用ng-class属性动态地向元素添加类格式。我想动态地更改某些文本是以纯文本形式显示还是链接超链接。
我也在使用引导程序,但是<a>并没有被定义为类似于h1 - h5的类。
例如,对于<h1>,我可以在AngularJS中这样做:
<div ng-class="'h1'">This will be displayed as a heading 1.</div>
但这并不能作为url显示:
<div ng-class="'a'">This w
我需要使用Angular 7在HTML模板中实现动态变量编译。
下面是我的示例代码:
app.component.ts:
username = 'User Name';
sampleData = "This is my <strong>{{username}}</strong>";
app.component.html:
<div [innerHtml]="sampleData"></div>
但是,输出仍然是
This is my {{username}}.
我的预期输出是,
This is my