res.MyWebsiteURLに含まれていない場合は、角度5で接頭辞httpを自動的に追加する方法がありますか?角度5を使用してhrefにhttp接頭辞を自動的に追加する方法
私はプロジェクトの多くの場所で使用するので、一般的なやり方をしたいと思います。
<a target="_blank" href="http://{{res.MyWebsiteURL}}">Visit My Website</a>
ディレクティブを使用する方法はありますか?
どうもありがとう
res.MyWebsiteURLに含まれていない場合は、角度5で接頭辞httpを自動的に追加する方法がありますか?角度5を使用してhrefにhttp接頭辞を自動的に追加する方法
私はプロジェクトの多くの場所で使用するので、一般的なやり方をしたいと思います。
<a target="_blank" href="http://{{res.MyWebsiteURL}}">Visit My Website</a>
ディレクティブを使用する方法はありますか?
どうもありがとう
私はPipeTransformでPipeTransform
をした、必要に応じて、あなたは文字列要素を変更することができます。私の場合、httpプレフィックスがURLに含まれているかどうかを判断したいと思っていました。それが含まれていない場合、私はそれをinlcudeします。ここで
import { Pipe, PipeTransform } from '@angular/core';
@Pipe({
name: 'linkHttp'
})
export class LinkHttpPipe implements PipeTransform {
transform(href: string) {
return href.startsWith("http://") || href.startsWith("https://") ? href : "http://" + href
}
}
<a target="_blank" href="{{res.MyWebsiteURL | linkHttp}}">Visit My Website</a>
に助け
使用ダブルスラッシュのためJBNizetに感謝それを使用する方法である:
<a [href]="'//' + url">link</a>
あなたがこれまでに試してみました何を? – JanS
's.startsWith( 'http://')? s: 'http://' + s'?これは基本的なJSです。 Angularを使って深刻なことをしたい場合は、自分でそれを理解できるはずです。 –
私はそれを指示通りにしようとしています。私はこれがそれをする正しい方法だと思いますか? –