json形式でデータを表示する方法は？

-6

私はノードとangularjsに新しいです。私はノードとangularjsでプロジェクトをやっています。私はクライアントとサーバノードを持っています。サーバはポート3001で動作しています。クライアントは3000を実行しています。 JSON形式のデータが、そのデータはここに正しいJSON形式ではありませんが、私は、サーバーから受信していたデータである私は、元の色、青のデザイントークン形式のように、クライアント側でこのデータを表示する必要がjson形式でデータを表示する方法は？

color : 
    white : &color-white "#FFFFFF" 
    black : &color-black "#262626" 
    neutral : 
    20 : &color-neutral-20 "#222222" 
    90 : &color-neutral-90 "#EEEEEE" 
    blue: 
    50: &color-blue-50 "#0000ff" 
    90: &color-blue-60 "#3333ff" 
    red: 
    50: &color-red-90 "#ff0000" 
    95: &color-red-90 "#ff8080" 
    Green: 
    40: &color-green "#00cc00" 
    80: &color-green "#99ff99" 
    Pink: 
    80: &color-pink "#ff99cc" 
    30: &color-pink "#ff0080" 
    Yellow: 
    70: &color-yellow "#ffff66" 
    40: &color-yellow "#ffff00" 

    border: 
    brand: &color-border-brand "#1589ee" 
    brand-dark: &color-border-brand-dark "#0070d2" 
    customer: &color-border-customer "#ff9a3c" 
    destructive: &color-border-destructive "#c23934" 
    destructive-hover: &color-border-destructive-hover "#a61a14" 


    interactive-color : 
    default: *color-blue-50 
    dark: *color-blue-60 

    background-color : 
    default : *color-white 
    light : *color-neutral-90 
    dark : *color-neutral-20 
    disabled: *color-neutral-90 

    text-color : 
    default : *color-neutral-20 
    on-light : *color-neutral-20 
    on-dark : *color-white 
    light : *color-neutral-20 
    disabled : *color-neutral-20 
    link : 
     default : *color-blue-50 
     on-dark : *color-white 

font: 
    family: 
    text: &font-family-text "Salesforce Sans" 
    heading: &font-family-heading "Arial" 

    weight: 
    light: &font-weight-light "300" 
    regular: &font-weight-light "300" 
    bold: &font-weight-light "300" 

    size: 
    xx-small: &font-size-text-xx-small ".625rem FONT_SIZE_1 10px" 
    x-small: &font-size-text-x-small ".75rem FONT_SIZE_2 12px" 
    small: &font-size-text-small ".8125rem FONT_SIZE_3 13px" 
    medium: &font-size-text-medium ".1rem FONT_SIZE_5 16px" 
    large: &font-size-text-large "1.125rem FONT_SIZE_6 18px" 
    x-large: &font-size-text-x-large "1.25rem FONT_SIZE_7 20px" 

    line-height: 
    heading: &line-height-heading "1.25" 
    text: &line-height-text "1.5" 
    reset: &line-height-reset "1" 
    tab: &line-height-tab "2.5rem 40px" 
    button: &line-height-button "1.875rem 30px" 
    button-small: &line-height-button-small "1.75rem 28px" 

space : 
    default : 16px 
    xxs: 2px 
    xs: 4px 
    s: 8px 
    m: 16px 
    l: 32px 
    xl: 64px 
    inset : 
    default : 16px 16px 16px 16px 
    xxs : 2px 2px 2px 2px 
    xs : 4px 4px 4px 4px 
    s : 8px 8px 8px 8px 
    m : 16px 16px 16px 16px 
    l : 32px 32px 32px

、カラーホワイト、カラーブラックなどこちらは私のanglejsコードです。

これが私のindex.html

<!DOCTYPE html> 
<html> 
<head> 
<title></title> 
<meta charset="utf-8" /> 
<link 
href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" 
rel="stylesheet"> 
<script 
src="http://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.2/angular.js"> 
</script> 

</head> 
<body ng-app="design" class="container"> 
<br/> 
<br /> 
<br /> 

<div class="row" style="background-color:purple;"> 
<font color="white">ellucian University</font> 
</div> 
<br/> 
<br/> 
<div class="row"> 
<div class="col-sm-4"> 
<font color="purple">Design Tokens</font> 
</div> 
<div class="col-sm-8" align="right"> 
<input type="button"class="btn btn-primary" value="download" /> 
    <input type="button" class="btn btn-primary" value="Save" /> 
</div> 
<br/> 
<br/> 

</div> 
<div ng-controller="designController" class="row"> 
<div class="col-sm-4"> 
<font color="purple">Tokens</font><br/> 
<li ng-repeat = "item in greeting track by $index"> 
{{item}} 
</li> 
</body> 
</html>

であるあなたはYAMLファイルである必要があり何この

出典

2017-04-04 Sushma

あなたの問題は、クライアント側で正しいデータを表示するためにJSON応答から迷惑メールを削除できないということですか？ – arqam

はい私はそれらのジャンクを削除する必要がありますが、私はそれらのジャンクfを削除する方法を知りません – Sushma

何？あなたは本当に文字列を見ましたか？それはまったくJSONではなく、ほとんどではなく、近くでさえありません。 JSON文字列にも含まれるいくつかの文字を含む文字列です。何もない – devnull69

で私を助けてください。

あなたがする必要があることは、それを読んで、それをJSオブジェクトに解釈し、このJSオブジェクトを送信できるJSONに変換することです。

'use strict'; 

const yaml = require('js-yaml'), 
    fs = require('fs'); 


Promise.resolve().then(() => { 
    return new Promise((resolve, reject) => { 
     fs.readFile('your/yaml/file.yaml', (error, data) => { 
      if(error) { 
       reject(error); 
      } else { 
       resolve(data); 
      } 
     }); 
    }); 
}).then((data) => { 
    let doc = yaml.safeLoad(data); 
    return Promise.resolve(doc); 
}).then((doc) => { 
    let json = JSON.stringify(doc); 
    console.log('JSON: ' + json); 
    return Promise.resolve(); 
}).then(() => { 
    console.log('OK'); 
}).catch((error) => { 
    console.log('Error: ' + error); 
});

出典

2017-04-04 10:24:07 DrakaSAN

json形式でデータを表示する方法は？

答えて

関連する問題