Công cụ Razor và ember.js có thể hoạt động cùng nhau không?

Question

Tôi đang làm việc trên một dự án mà một nhà phát triển khác đã phát triển giao diện người dùng làm giải pháp duy nhất phía máy khách duy nhất bằng cách sử dụng khung công tác ember.js.

Tôi đã được yêu cầu chuyển công việc này sang dự án ASP.NET MVC3.

Vấn đề là, ember.js sử dụng dấu ngoặc ôm và dấu ngoặc kép trong cú pháp, và điều này dường như ảnh hưởng đến công cụ dao cạo được MVC3 sử dụng.

Tôi có nghĩ rằng 2 công nghệ (ASP MVC3 và ember.js) không thể hoạt động cùng nhau?

Answer 1

Bạn sẽ có thể sử dụng các khối được nêu chi tiết trong http://weblogs.asp.net/scottgu/archive/2010/12/15/asp-net-mvc-3-razor-s-and-lt-text-gt-syntax.aspx để bọc các mẫu ember của bạn để chúng có sẵn chính xác.

Điều đó nói rằng bạn không thực sự thỏa mãn các yêu cầu của khách hàng của mình bằng cách thực hiện việc này. Một nhà phát triển ASP.Net MVC bình thường sẽ vẫn phải học ember.js để làm việc với cơ sở mã này. Những gì bạn thực sự cần phải làm là viết lại nó bằng cách sử khái niệm ASP.Net MVC như tạo các trang từ các mô hình, quang cảnh một phần, vv

Answer 2

ngắn Trả lời: Vâng, bất cứ thư viện js thể làm việc với asp.net MVC

Tuy nhiên, nếu bạn nhận được một số vấn đề cú pháp thì cú pháp hiển thị cụ thể (Dao cạo, biểu mẫu web, Spark, v.v.) cần được phân tích song song với thư viện js.

Ví dụ: jQuery sử dụng ký hiệu $ làm Bí danh, có thể thay thế. Nhìn vào tài liệu tham khảo này - Replace “$”(dollar Sign) with “JQuery”

Tuy nhiên, nếu nó không hoạt động thì có thể bạn đang xem xét lại công cụ xem của mình.

Answer 3

Một cách tiếp cận sẽ có tay lái mẫu trong một tập tin tài nguyên (resx) và thêm chúng vào Ember trong một chức năng ẩn danh tương tự như sau:

<script type="text/javascript" src="path/to/ember.js"> 
<script type="text/javascript" src="path/to/your/app.js"> 
<script type="text/javascript"> 
    (function() { 
     Ember.TEMPLATES["your template name"] = Ember.Handlebars.compile('<%= template as string from the resource file goes here %>'); 
    })(); 

    App.initialize(); 
</script> 

này nên xảy ra trước bạn gọi của initialize ứng dụng của bạn phương pháp

Các tập tin tài nguyên cũng là một ý tưởng tốt khi bạn có hỗ trợ đa ngôn ngữ

Answer 4

tôi đang làm việc trên ASP.NET MVC 4 ứng dụng mà sử dụng E mber nặng nề và không có bất kỳ vấn đề gì.

Trường hợp có dấu ngoặc kép có cách giải quyết rất dễ dàng: chỉ cần sử dụng @:. Mọi thứ sau @: được hiểu là văn bản thuần túy. Vì vậy, đánh dấu dao cạo này với biểu hiện tay lái sẽ có hiệu lực:

<ul> 
@if (Model.SomeCondition) 
{ 
    @:{{#each product in products}} 
    <li>{{product.name}}</li> 
    @:{{/each}} 
} 
</ul> 

Cập nhật: Hiện nay tôi đang sử dụng Ember 1,6-1,9 phiên bản và Ember dữ liệu 1.0.0-beta-8 - 1.0.0-beta-12 phiên bản với ASP.NET MVC 5.2 - công trình tuyệt vời. Sắp tới sẽ di chuyển tất cả các dự án mới nhất trên Ember 1.9, Dữ liệu Ember và Handlebars 2.0