Обязательная ссылка на YouTube в Angular 8?

Question

У меня проблема с видео, ссылка находится в массиве, а привязка не работает

<div class="card mb-4" *ngFor="let clip of clips">
              <div class="embed-responsive embed-responsive-16by9">
                  <iframe class="embed-responsive-item" [src]="clip.src"></iframe>
                </div>
              <div class="card-body">
              <h2 class="card-title">{{clip.src}}</h2>
              <p class="card-text">{{clip.description}}</p>
            </div>

, если я связываю ссылку типа 'http: //', это нормально. Если привязка типа [src]="clip.src" or src="{{clip.src}}" не работает. Как я могу использовать sr c от объекта к привязке?

Answer 1

То, что у вас есть, похоже, должно работать. Вам может понадобиться создать канал safeUrl для обхода DOM Sanitizer.

Это хорошая статья на этот счет.

https://medium.com/@swarnakishore / angular -safe-pipe-реализация -to-bypass-domsanitizer-stripping-out-content-c1bf0f1cc36b

Короче говоря, Angular пытается защитить ваших пользователей от XSS. Вы знаете, что ссылка безопасна, но Angular нет, поэтому она удаляет ее из разметки для защиты пользователей. В обход DOM Sanitizer останавливается Angular.