Tìm kiếm trang web

javascript - Nội suy chuỗi trong Angular 2.0


Tôi có một chuỗi giống như {name} là tên của tôi. Chào {sender}

có module nào trong Angular 2.0 không, để tôi có thể làm điều gì đó như string.format() như chúng ta làm trong C#?

Tôi biết điều này có thể được thực hiện bằng phương pháp tùy chỉnh của JS thông thường, nhưng tôi muốn biết liệu có bất kỳ module nào trong Angular 2 để xử lý việc này không. Họ sử dụng nội suy trong ràng buộc template, vậy làm thế nào để thực hiện điều đó với một chuỗi bình thường

Câu trả lời #1

Kiểm tra các chuỗi mẫu ES6. Nó cho phép chuỗi nhiều dòng và nội suy chuỗi.

Ví dụ :

var name = 'John',
    age = 19;

console.log(`${name} is my name. I'm ${age}.`); 

// => John is my name. I'm 19.

TypeScript từ phiên bản 1.4 hỗ trợ chuỗi mẫu ES6 và có thể biên dịch chúng xuống các biểu thức ES3/ES5.

Câu trả lời #2

Bằng cách sử dụng ký tự dấu huyền, bạn có thể đạt được nội suy chuỗi tương tự như trong c#.

`${name} is my name. Greeting ${sender}`

Đây là một tính năng của TypeScript nhưng không thực hiện bất kỳ định dạng nào như chỉ định số thập phân. Tôi khuyên bạn nên giữ các định nghĩa chuỗi của mình trên một dòng vì tôi đã thấy các định nghĩa nhiều dòng làm hỏng kiểu trong một số trình soạn thảo.

Đây là một bài viết tuyệt vời về chuỗi mẫu. Phần còn lại của hướng dẫn là một tài nguyên tuyệt vời cho TypeScript nói chung.

Bài viết liên quan