AngularNativeScriptの段落にルーターリンクを追加する

codephobia

複数のテキストリンクが含まれている段落または文をフォーマットしようとしています。これらのリンクは、外部Webリンクではなく、ルーターリンクになります。

FormattedStringとSpanを使用してテキストをフォーマットできるように見えますが、nsRouterLinkをSpanに追加することもできないようです。

<Label class="terms">
    <FormattedString>
        <Span text="By creating an account, you agree to the our "></Span>
        <Span
            text="Terms of Use"
            class="link"
            [nsRouterLink]="['/policies/terms-of-use']"
            pageTransition="slideLeft"
        ></Span>
        <Span text=" and "></Span>
        <Span
            text="Privacy Policy"
            class="link"
            [nsRouterLink]="['/policies/privacy-policy']"
            pageTransition="slideLeft"
        ></Span>
        <Span text="."></Span>
    </FormattedString>
</Label>

全体をクリック可能にすることができれば、代わりにすべてをボタンで囲むことができますが、例でわかるように、そこには2つの別々のリンクがあります。

マノジ

残念ながら、Spanでのタップイベントはまだサポートされていません。それはかなり長い間オープン機能のリクエストでした。

Githubでネイティブコードのビットでタップを認識する見つけることができますが同じものを実装し、リスナーからnavigateメソッドを呼び出す必要がある場合があります。

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

空の段落をクリーンアップし、前後にスペースを追加するWordVBAマクロ

分類Dev

タートルスクリーンに画像を追加する

分類Dev

Div内の段落に垂直スクロールバーを追加する

分類Dev

div内に段落要素を作成して段落にフォーム値を追加するためのHTML送信ボタン

分類Dev

ウィキの最初の段落のリンクをクロールする

分類Dev

Jsonデータに含まれる段落内の文字をハイパーリンクする方法

分類Dev

マルチマークダウンメタデータにYAMLへのリンクを追加する

分類Dev

特定のパターンの段落を検索するシェルスクリプト

分類Dev

ASP.NET Core MVCのASPタグヘルパーにリンクパラメーターを追加する方法

分類Dev

段落の右側にhrefリンクが表示されるようにWebページのスタイルを設定する方法

分類Dev

Vue / vuetify、ルーターリンクをタブに追加する方法

分類Dev

メールのGmailリストにボタンのようなリンクを追加する方法

分類Dev

新しいクラスのWebApiチュートリアルにGETリターンを追加する方法

分類Dev

ボタンとリンクをプレースホルダーに追加する際の問題

分類Dev

テーブルの上にボタンを追加するクリーンな方法-Bootgrid

分類Dev

光沢のあるリアクティブデータテーブルにコメントを追加する方法

分類Dev

リンクされたデータをAzureテーブルに追加する

分類Dev

NextJS-ループ内の画像のリンクにパラメータを追加する方法

分類Dev

リンクに動的データタイトルを追加するjQuery

分類Dev

D3.jsのhtmlテーブルにクリックボタンを動的に追加する方法

分類Dev

段落に複数の「続きを読む」リンクを追加する(readmore.js)

分類Dev

BeautifulSoup4:フィールドを2つの段落に分割するには、逆段落タグを追加する必要があります

分類Dev

角度7のボタンをクリックしてテーブルに新しい行を追加する方法

分類Dev

ボタンをクリックしたときに別の入力フィールドを追加する

分類Dev

ワードプレスのタグリンクにクラスを追加するフィルターを追加する

分類Dev

ターボリンクなしでレールにグーグルアナリティクスを追加する

分類Dev

ボタンクリックでhtml要素のグループを追加する方法

分類Dev

URLにクエリを追加するReactルーター

分類Dev

SConsの使用中にクリーンなターゲットを追加する方法

Related 関連記事

  1. 1

    空の段落をクリーンアップし、前後にスペースを追加するWordVBAマクロ

  2. 2

    タートルスクリーンに画像を追加する

  3. 3

    Div内の段落に垂直スクロールバーを追加する

  4. 4

    div内に段落要素を作成して段落にフォーム値を追加するためのHTML送信ボタン

  5. 5

    ウィキの最初の段落のリンクをクロールする

  6. 6

    Jsonデータに含まれる段落内の文字をハイパーリンクする方法

  7. 7

    マルチマークダウンメタデータにYAMLへのリンクを追加する

  8. 8

    特定のパターンの段落を検索するシェルスクリプト

  9. 9

    ASP.NET Core MVCのASPタグヘルパーにリンクパラメーターを追加する方法

  10. 10

    段落の右側にhrefリンクが表示されるようにWebページのスタイルを設定する方法

  11. 11

    Vue / vuetify、ルーターリンクをタブに追加する方法

  12. 12

    メールのGmailリストにボタンのようなリンクを追加する方法

  13. 13

    新しいクラスのWebApiチュートリアルにGETリターンを追加する方法

  14. 14

    ボタンとリンクをプレースホルダーに追加する際の問題

  15. 15

    テーブルの上にボタンを追加するクリーンな方法-Bootgrid

  16. 16

    光沢のあるリアクティブデータテーブルにコメントを追加する方法

  17. 17

    リンクされたデータをAzureテーブルに追加する

  18. 18

    NextJS-ループ内の画像のリンクにパラメータを追加する方法

  19. 19

    リンクに動的データタイトルを追加するjQuery

  20. 20

    D3.jsのhtmlテーブルにクリックボタンを動的に追加する方法

  21. 21

    段落に複数の「続きを読む」リンクを追加する(readmore.js)

  22. 22

    BeautifulSoup4:フィールドを2つの段落に分割するには、逆段落タグを追加する必要があります

  23. 23

    角度7のボタンをクリックしてテーブルに新しい行を追加する方法

  24. 24

    ボタンをクリックしたときに別の入力フィールドを追加する

  25. 25

    ワードプレスのタグリンクにクラスを追加するフィルターを追加する

  26. 26

    ターボリンクなしでレールにグーグルアナリティクスを追加する

  27. 27

    ボタンクリックでhtml要素のグループを追加する方法

  28. 28

    URLにクエリを追加するReactルーター

  29. 29

    SConsの使用中にクリーンなターゲットを追加する方法

ホットタグ

アーカイブ