-3

res.MyWebsiteURLに含まれていない場合は、角度5で接頭辞httpを自動的に追加する方法がありますか?角度5を使用してhrefにhttp接頭辞を自動的に追加する方法

私はプロジェクトの多くの場所で使用するので、一般的なやり方をしたいと思います。

<a target="_blank" href="http://{{res.MyWebsiteURL}}">Visit My Website</a> 

ディレクティブを使用する方法はありますか?

どうもありがとう

+0

あなたがこれまでに試してみました何を? – JanS

+0

's.startsWith( 'http://')? s: 'http://' + s'?これは基本的なJSです。 Angularを使って深刻なことをしたい場合は、自分でそれを理解できるはずです。 –

+0

私はそれを指示通りにしようとしています。私はこれがそれをする正しい方法だと思いますか? –

答えて

1

私は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> 

に助け

0

使用ダブルスラッシュのためJBNizetに感謝それを使用する方法である:

<a [href]="'//' + url">link</a> 
関連する問題