Question

我＆＃39;使用

中的[angular-calendar]

github.com/mattlewis92/angular-calendar

。
我的目的是在事件中插入自己的模板作为详细视图我想达到与照片相似的效果：的 final effect
直到现在我只实现了自定义格式化标签作为返回字符串。当我在input中运行后输入一些html dom标签时，它就消失了如果你想看到或者你已经知道如何解决这个问题，那么我就是 plunker 。

提前致谢。

Answer 1

Angular清理HTML的不受信任的值。如果您想显示input，请使用DomSanitizer

import { DomSanitizer} from '@angular/platform-browser';

@Injectable()
export class CustomEventTitleFormatter extends CalendarEventTitleFormatter {
  constructor(@Inject(LOCALE_ID) private locale: string, private sanitizer: DomSanitizer) {
    super();
  }

  month(event: CalendarEvent): any {
    return this.sanitizer.bypassSecurityTrustHtml(`<form>
          First name: <input type="text" name="fname"><br>
                      <input type="submit" value="Submit">
              </form>`)
  }
  ...

<强> Plunker Example

Angular2。角度日历事件单元格详细信息模板

1 个答案: