दिलचस्प पोस्ट
अंगुलेज कोड / नामकरण सम्मेलनों जावा में एक कस्टम ईवेंट बनाएं वर्तमान लेनदेन के स्तर को कैसे खोजें? एक क्वेरी का परिणाम एक से अधिक बार गणना नहीं किया जा सकता कैसे पता कैसे एक सरणी मान मौजूद है? सी # में वर्ड दस्तावेज़ कैसे बनाया जा सकता है? कोई इनपुट फ़ाइल निर्दिष्ट नहीं की गई जावा में एक अर्रे सूची को सॉर्ट करने के लिए सदिश या स्तंभ में दूसरे (तीसरे …) उच्चतम / सबसे कम मूल्य खोजने का सबसे तेज़ तरीका जीयूआई और विंडोज सर्विस कम्युनिकेशन एक फ़ाइल का एक MD5 चेकसम उत्पन्न करना टर्मिनल के भीतर से mysql का उपयोग कर चेतावनी संदेश को दबाएं, लेकिन बाश स्क्रिप्ट में लिखा गया पासवर्ड पूर्वाभ्यास 3.0 माइग्रेशन: हेडर्स और एचटीटीपी बॉडी के साथ पोस्ट कैसे करें केंद्र क्षैतिज रूप से div के भीतर छवि संरेखित करें C ++ में डिफ़ॉल्ट पैरामीटर मान कहां रखा जाए?

'असुरक्षित मूल्य' अपवाद के कारण बिना एंज्युलर 2 में iframe src को कैसे सेट करें?

मैं कांगारु 2 के लिए नए कोण के बिना नया हूँ और एक iframe src विशेषता की सेटिंग से संबंधित एक ट्यूटोरियल पर काम कर रहा हूं:

<iframe width="100%" height="300" src="{{video.url}}"></iframe> 

यह एक अपवाद फेंकता है:

 Error: unsafe value used in a resource URL context at DomSanitizationServiceImpl.sanitize... 

मैंने पहले ही [src] साथ बाइंडिंग का उपयोग करने की कोशिश की है, कोई सफलता नहीं। मुझे शायद कुछ याद आ रही है और मुझे इसके समाधान का एक कठिन समय मिला है।

वेब के समाधान से एकत्रित समाधान "'असुरक्षित मूल्य' अपवाद के कारण बिना एंज्युलर 2 में iframe src को कैसे सेट करें?"

अद्यतन करें

आरसी.6 के लिए ^ संस्करण डोमसैनीटाइजर का उपयोग करें

Plunker

और एक अच्छा विकल्प इसके लिए शुद्ध पाइप का उपयोग कर रहा है:

 import { Pipe, PipeTransform } from '@angular/core'; import { DomSanitizer} from '@angular/platform-browser'; @Pipe({ name: 'safe' }) export class SafePipe implements PipeTransform { constructor(private sanitizer: DomSanitizer) {} transform(url) { return this.sanitizer.bypassSecurityTrustResourceUrl(url); } } 

SafePipe की declarations सरणी में अपना नया SafePipe जोड़ना याद रखें। ( जैसा कि दस्तावेज पर देखा गया है )

 @NgModule({ declarations : [ ... SafePipe ], }) 

एचटीएमएल

 <iframe width="100%" height="300" [src]="url | safe"></iframe> 

Plunker

यदि आप embed टैग का प्रयोग करते हैं तो यह आपके लिए दिलचस्प हो सकता है:

  • कैसे एन्जिलर 2 आरसी .6 को एंबेड html टैग पर सैनिजेट करें, जो पीडीएफ प्रदर्शित करता है

पुराने संस्करण आर.सी. 5

आप इस तरह DomSanitizationService लाभ उठा सकते हैं:

 export class YourComponent { url: SafeResourceUrl; constructor(sanitizer: DomSanitizationService) { this.url = sanitizer.bypassSecurityTrustResourceUrl('your url'); } } 

और फिर अपने टेम्पलेट में url बाइंड करें:

 <iframe width="100%" height="300" [src]="url"></iframe> 

निम्नलिखित आयातों को जोड़ने के लिए मत भूलना:

 import { SafeResourceUrl, DomSanitizationService } from '@angular/platform-browser'; 

प्लंकर नमूना

यह मेरे लिए काम करता है

 import { Component,Input,OnInit} from '@angular/core'; import {DomSanitizer,SafeResourceUrl,} from '@angular/platform-browser'; @Component({ moduleId: module.id, selector: 'player', templateUrl: './player.component.html', styleUrls:['./player.component.scss'], }) export class PlayerComponent implements OnInit{ @Input() id:string; url: SafeResourceUrl; constructor (public sanitizer:DomSanitizer) { } ngOnInit() { this.url = this.sanitizer.bypassSecurityTrustResourceUrl(this.id); } } 

बधाई हो! ¨ ^ ^ मेरे पास एक आसान और कुशल समाधान है, हाँ!

 <iframe width="100%" height="300" [attr.src]="video.url"></iframe 

[attr.src] स्रोत के बजाय "video.url" और {{video.url}} नहीं

महान 😉