자바 스크립트에 멋진 글꼴 넣기

-4

자바 스크립트에는 링크 제목이 포함되어 있지만 단어 옆에 멋진 작은 아이콘을 넣고 싶습니다. 어떻게 글꼴 자바 스크립트에 멋진 아이콘을 포함시킬 수 있습니까?자바 스크립트에 멋진 글꼴 넣기

단축 된 버전은

  ssSideNavSectionsProvider.initWithSections([{ 
      id: 'mainSection', 
      name: 'Main', 
      type: 'heading', 
      children: [{ 
       id: 'home', 
       name: 'Dashboard', 
       state: 'common.home', 
       type: 'link' 
      }, { 
       id: 'deviceLink', 
       name: 'Devices', 
       state: 'common.devices', 
       type: 'link' 
      }]}]);

그리고 단어 대시 보드 옆에 같이 내가 예를 들어, FA-대시 보드 아이콘 멋진 아이콘을 원하는 보인다. < MD-내용 플렉스 역할 = "탐색"SS - 스타일 색상 = "{ '배경 색': 'primary.default'}"여기

는 HTML입니다> </MD-내용>

출처

2016-06-14 FLOWMEEN

예를 들어, "arrows"아이콘을 표시합니다. 우리에게 데이터 구조를 건네도 전혀 도움이되지 않습니다. –

그러면 적절한 글꼴로 전환하고 원하는 문자를 제공하기 위해 HTML/CSS가 필요합니다. 그렇지 않으면 해당 문자의 바이트 시퀀스가 임베드되어 있고 'Dashboard'라는 단어를 표시하는 데 사용 된 글꼴에 해당 코드 포인트/기호가 포함되기를 기대합니다. –

은 html을 추가했습니다. 각 제목마다 다른 아이콘을 표시하여 HTML에서이 작업을 수행 할 수있는 방법을 알지 못하고 모든 자바 스크립트를 제공합니다. – FLOWMEEN

(로컬 또는 CDN에서) FontAwesome CSS 파일을 올바르게로드하는 경우 아이콘을 표시 할 위치에 HTML에 <i class="fa fa-icon"></i>을 추가하면됩니다.

icon을 사용하려는 아이콘의 실제 이름으로 바꿉니다. 모든 글꼴 최고 아이콘의

<i class="fa fa-arrows"></i>

목록 : 모든 당신의 HTML이 어떻게 생겼는지에 따라 달라 http://fontawesome.io/icons/

출처

2016-06-14 20:40:39 user2121620

그러나 탐색 메뉴이며 각 옵션마다 다른 아이콘을 원합니다. HTML은 그냥 메뉴 전체를 잡아 먹기 때문에 나는 거기에서 그것을 할 수 없다. – FLOWMEEN

어떻게 든 HTML 텍스트를 집어 넣고, 아이콘 태그를 삽입하고,이 새로운 HTML 문자열을 렌더링해야 할 것이다. jQuery와 같은 자바 스크립트 라이브러리를 사용하여 요소 (http://api.jquery.com/html/)에서 HTML을 가져올 수 있습니다. – user2121620

자바 스크립트에 멋진 글꼴 넣기

답변

관련 문제