在Angular 5中，可以使用JSON.stringify()函数将一个对象转换为JSON字符串，然后使用JSON.parse()函数将JSON字符串转换回对象。

以下是一个示例代码，演示如何从值构建JSON：

1. 在组件中定义一个对象，包含要转换为JSON的值：

export class AppComponent {
  data = {
    name: 'John',
    age: 30,
    email: 'john@example.com'
  };

  jsonResult: string; // 用于存储转换后的JSON字符串

  buildJSON() {
    this.jsonResult = JSON.stringify(this.data); // 将对象转换为JSON字符串
  }
}

2. 在模板中绑定按钮点击事件，并显示转换后的JSON字符串：

Build JSON
{{ jsonResult }}

在上面的示例中，当用户点击“Build JSON”按钮时，buildJSON()函数会将data对象转换为JSON字符串，并将结果存储在jsonResult变量中。然后，模板中的{{ jsonResult }}会显示转换后的JSON字符串。

请注意，这只是一个简单的示例，用于演示如何构建JSON。在实际应用中，您可能需要处理更复杂的对象结构和数据类型。