【发布时间】:2018-09-30 07:46:12
【问题描述】:
我将未经处理的 html 注入到组件中。当路由参数发生变化时,我会去数据库并获取一些新的 html 并将其放入组件中。但是当我这样做时,我会收到消息SafeValue must use [property]=binding:
我的猜测是因为路线正在改变。我的 routerlink 生成如下所示:
<li routerLinkActive="active" *ngFor="let form of translationData.caseForms" ><a [routerLink]="[currentTransCode, 'form',form.ClaimTemplateID]" class="navbar-link">{{form.WebsiteLinkTitle}}</a></li>
以下是步骤:
转到http://localhost:4300/us/form/5406 - 没有错误
form.component.html:
<div class="container" *ngIf="!loading">
<div *ngIf="!isAuthenticated">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">
<strong>Login </strong>
</h3>
</div>
<div class="panel-body">
<div role="form">
<div class="form-group">
<label for="exampleInputEmail1">{{token1Label}}</label>
<input type="email" class="form-control" id="exampleInputEmail1" required placeholder="Enter {{token1Label}}" #token1>
</div>
<div class="form-group">
<label for="exampleInputPassword1">{{token2Label}}
</label>
<input type="password" class="form-control" id="exampleInputPassword1" required placeholder="Enter {{token2Label}}" #token2>
</div>
<button type="button" (click)="login(token1,token2)" class="btn btn-sm btn-primary">Login</button>
</div>
</div>
</div>
</div>
<div *ngIf="isAuthenticated">
<div class="page-header paddingpushdown">
<h2>{{formTitle}}</h2>
</div>
<form [formGroup]="form" (ngSubmit)="submit(model)">
<formly-form [model]="model" [fields]="fields" [options]="options" [form]="form">
<button type="submit" class="btn btn-default">Submit</button>
</formly-form>
</form>
</div>
</div>
包装未经处理的 html:
【问题讨论】:
标签: angular