Embedding iframe (soundcloud) on ionic conference


#1

I am a beginner to the ionic framework

on the android ionic conference, for sponsors … I would like to add an extra field SOUNDCLOUD onto firebase, which will embed an iframe. The field is added onto firebase. What do I do next?

I understand I have to “clean” the url because I am working with HTML. Where and how?

I am using the standard ionic conference. Thanks

<ion-view>
	<ion-nav-title>
		{{vm.sponsor.name}}
	</ion-nav-title>
	<ion-content padding="true">
		<div style="text-align: center;">
			<img src="{{vm.sponsor.logo}}">
		</div>
		<h3 class="speakername">{{vm.sponsor.name}}</h3>
		<p>
			{{vm.sponsor.description}}
		</p>
        <p>
        <iframe width="100%" height="300" scrolling="no" frameborder="no" allow="autoplay" src="(vm.sponsor.soundcloud)"</iframe>
        </p>
		<h4>CONTACT</h4>
		<div class="list card">
			<!--a href="tel:{{vm.sponsor.phoneNumber}}" class="item item-icon-left">
				<i class="icon ion-ios-telephone"></i>
				Phone
			</a>
			<a class="item item-icon-left" ng-click="vm.sendEmail()">
				<i class="icon ion-email"></i>
				Email
			</a-->
			<a class="item item-icon-left" ng-click="vm.openUrl(vm.sponsor.facebook)">
				<i class="icon ion-social-facebook"></i>
				Facebook
			</a>
			<a class="item item-icon-left" ng-click="vm.openUrl(vm.sponsor.twitter)">
				<i class="icon ion-social-twitter"></i>
				Twitter
			</a>
		</div>
	</ion-content>
</ion-view>


#2

Please edit your post, it is not very readable at the moment.
Use the </> button above the input field to format your code, command line output or error message (select the text first, then click the button or wrap it in ``` manually). Check the preview if it looks better. This will make sure your text is readable and if it recognizes the programming language it also automatically adds code syntax highlighting. Thanks.