दिलचस्प पोस्ट
java.lang.ClassNotFoundException: com.sun.jersey.spi.container.servlet.ServletContainer NHibernate में बैच अपडेट पायथन में और __eq__ को कैसे नियंत्रित किया जाता है? मैं CoffeeScript के लिए Rails 3.1 में "-bare" विकल्प का उपयोग कैसे कर सकता हूं? एक बार में सभी MySQL डाटाबेस निर्यात और आयात करें एंड्रॉइड टेक्स्टफिल्ड: फ़ोकस सेट करें + नरम इनपुट प्रोग्रामेटिक रूप से मैं कैसे css3 उत्तरदायी बना सकते हैं? सीमा चौड़ाई की तुलना में सीमा लंबाई छोटा? अरबों पंक्तियों के लिए सर्वश्रेष्ठ डेटा स्टोर स्तरित नेविगेशन के साथ सीएमएस पृष्ठ काम नहीं कर रहा है जी ++ में प्रोफ़ाइल निर्देशित अनुकूलन का उपयोग कैसे करें? उपयोगकर्ता को छवि के लिए कैमरा या गैलरी चुनने की अनुमति दें एनएसआईजेज से पीएनजी फाइल को कैसे बचाएं (रेटिना के मुद्दे) अजगर पुनरावर्ती और रिटर्न स्टेटमेंट पायथन सर्वोत्तम अभ्यास और MySQL और निष्पादित क्वेरी से कनेक्ट करने के लिए सुरक्षित

'असुरक्षित मूल्य' अपवाद के कारण बिना एंज्युलर 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}} नहीं

महान 😉