Làm cách nào để hoàn thành if / other trong mustache.js?

Có vẻ khá kỳ lạ khi tôi không thể tìm ra cách làm điều này trong bộ ria mép. Nó có được hỗ trợ không?

Đây là nỗ lực đáng buồn của tôi khi cố gắng:

    {{#author}}
      {{#avatar}}
        <img src="{{avatar}}"/>
      {{/avatar}}
      {{#!avatar}}
        <img src="/images/default_avatar.png" height="75" width="75" />
      {{/avatar}}
    {{/author}}

Điều này rõ ràng là không đúng, nhưng tài liệu không đề cập đến bất cứ điều gì như thế này. Từ "khác" thậm chí không được đề cập :(

Ngoài ra, tại sao ria mép được thiết kế theo cách này? Là loại điều này được coi là xấu? Có phải nó đang cố buộc tôi đặt giá trị mặc định trong chính mô hình không? Còn những trường hợp không thể thì sao?

Đây là cách bạn làm nếu / khác trong Mustache (được hỗ trợ hoàn hảo):

{{#repo}}
  <b>{{name}}</b>
{{/repo}}
{{^repo}}
  No repos :(
{{/repo}}

Hoặc trong trường hợp của bạn:

{{#author}}
  {{#avatar}}
    <img src="{{avatar}}"/>
  {{/avatar}}
  {{^avatar}}
    <img src="/images/default_avatar.png" height="75" width="75" />
  {{/avatar}}
{{/author}}

Tìm các phần đảo ngược trong tài liệu: https://github.com/janl/mustache.js

Đây là một cái gì đó bạn giải quyết trong "bộ điều khiển", đó là điểm của khuôn mẫu không logic.

// some function that retreived data through ajax
function( view ){

   if ( !view.avatar ) {
      // DEFAULTS can be a global settings object you define elsewhere
      // so that you don't have to maintain these values all over the place
      // in your code.
      view.avatar = DEFAULTS.AVATAR;
   }

   // do template stuff here

}

Đây thực sự là RẤT NHIỀU sau đó duy trì url hình ảnh hoặc phương tiện khác có thể thay đổi hoặc có thể không thay đổi trong các mẫu của bạn, nhưng cần một số làm quen. Vấn đề là không học được tầm nhìn đường hầm mẫu, url của avatar img bắt buộc được sử dụng trong các mẫu khác, bạn sẽ duy trì url đó trên các mẫu X hoặc một đối tượng cài đặt DEFAULTS? ;)

Một lựa chọn khác là làm như sau:

// augment view
view.hasAvatar = !!view.avatar;
view.noAvatar = !view.avatar;

Và trong mẫu:

{{#hasAvatar}}
    SHOW AVATAR
{{/hasAvatar}}
{{#noAvatar}}
    SHOW DEFAULT
{{/noAvatar}}

Nhưng điều đó đi ngược lại với toàn bộ ý nghĩa của việc tạo khuôn mẫu không logic. Nếu đó là những gì bạn muốn làm, bạn muốn tạo khuôn mẫu hợp lý và bạn không nên sử dụng Mustache, mặc dù vậy, hãy tự cho mình cơ hội công bằng khi học khái niệm này;)

Tuyên bố khác của bạn sẽ trông như thế này (lưu ý ^):

{{^avatar}}
 ...
{{/avatar}}

Trong ria mép, điều này được gọi là 'Phần đảo ngược'.

Bạn có thể định nghĩa một người trợ giúp trong chế độ xem. Tuy nhiên, logic điều kiện có phần hạn chế. Moxy-Macintosh ( https://github.com/dcmox/moxyscript-stpson ) dường như giải quyết vấn đề này với những người trợ giúp "tham số hóa", ví dụ:

{{isActive param}}

và theo quan điểm:

view.isActive = function (path: string) {return path === this.path? "class = 'hoạt động'": ''}

Lưu ý, bạn có thể sử dụng {{.}}để kết xuất mục ngữ cảnh hiện tại.

{{#avatar}}{{.}}{{/avatar}}

{{^avatar}}missing{{/avatar}}