NativeScript SegmentedBarのタイトルで素晴らしいフォントを使用するタイトル

Question

NativeScriptのAngular2アプリでは、下部に整列したタブが必要です。 SegmentedBarを使って実装しようとしています（タブビューをNativeScript-Angular2アプリで一番下に並べることはできません）。分割バーのタイトルにフォントの素晴らしいアイコンを実装するにはどうすればよいですか？私はアイテムの配列にこのユニコードを保存してみましたが、htmlで素晴らしいフォントを割り当てましたが、これはうまくいきませんでした。他の選択肢？

私のコードは以下の通りです - segmentedbar.ts：

import { Component, ChangeDetectionStrategy } from "@angular/core"; 
import { SegmentedBarItem } from "ui/segmented-bar"; 

@Component({ 
moduleId: module.id, 
selector: "maintab", 
templateUrl: "./maintab.component.html", 
changeDetection: ChangeDetectionStrategy.OnPush 
}) 
export class MainTabComponent { 
public myItems: Array; 
public prop = "Item " + 0; 

constructor() { 
    this.myItems = []; 
    for (let i = 1; i < 5; i++) { 
     let tmpSegmentedBar: SegmentedBarItem = <SegmentedBarItem>new SegmentedBarItem(); 
     tmpSegmentedBar.title = "Tab " + i; 

     this.myItems.push(tmpSegmentedBar); 
    } 
} 

これは私のsegmentedbar.html

<StackLayout> 
    <StackLayout> 
     <!-- >> segmentedbar-basic-html --> 
     <Label [text]="prop" textWrap="true" vertical-align="center" class="h2 p-15 text-center"></Label> 
     <SegmentedBar class="m-5" #sb [items]="myItems" selectedIndex="0" (selectedIndexChange)="prop='Item '+ sb.selectedIndex"></SegmentedBar><!-- << segmentedbar-basic-html --> 
    </StackLayout> 
</StackLayout> 

Answer 1

であるあなたが簡単にフォント素晴らしいアイコンを使用することができます -

1-フォルダを作成します。フォントの名前をつけてfontawesome-webfront.ttfファイルを保存してください。フォントワームのウェブサイトからダウンロードできます。あなたは、フォントに保存されているよう

2-が同じ名前で、このようなCSSクラスを作成するには、jussフォント素晴らしい

<Button class="font-awesome" id="add" [text]='"&#xf156;"'(tap)="anyTapEvent()"> 

としてクラスに言及したいところはどこでも、このようにそれを使用する3-今

.font-awesome { 
font-family: "fontawesome-webfont"; 
font-size: 14; 
font-weight: normal; 
text-align: center; 
font-style: normal; 
} 

をフォルダ