成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

handlebars踩坑之旅

cjie / 2131人閱讀

摘要：的使用方法遍歷數(shù)組或者對象刀歌云數(shù)組遍歷時索引值為對象為判斷是否有傳參有的話使用傳參的值沒有的話使用默認(rèn)值判斷對應(yīng)適用數(shù)據(jù)數(shù)據(jù)取出錯誤這里判斷是否存在數(shù)組，如果存在則遍歷，如果不存在輸出錯誤信息判斷是否是第一個或者是

1. each的使用方法(遍歷數(shù)組或者對象) 
    {{include "tpl/components/page3-school-slide/each-slide"
      data="[
          { 
            "name": "badao", 
            "word": "刀"
          }, {
            "name": "changge",
            "word": "歌"
          }, {
            "name": "cangyun",
            "word": "云"
          }
      ]"
        
    }}
      

    {{#each data}}
      

        {{include "tpl/components/page3-school-slide/index"
                  name=this.name
                  word=this.word
        }}
      

    {{/each}}
    
    
    {{#each data}}
      
  • 
        
     
    • 
    {{/each}}
    2. 判斷是否有傳參, 有的話使用傳參的值, 沒有的話使用默認(rèn)值 
        {{#unless ns}}
        {{var ns = "xxx"}}
    {{/unless}}
    3. if else 判斷 
        {{#if list}}
    
        
        {{#each list}}
            
    • {{this.name}}
      • 
        {{/each}}
    
      
    {{else}}
        
    {{error}}
    
    {{/if}}
    
    
    
    //對應(yīng)適用json數(shù)據(jù)
    var data = {  
        info:["HTML5","CSS3","WebGL"],
        "error":"數(shù)據(jù)取出錯誤"
    }
    
    這里{{#if}}判斷是否存在list數(shù)組，如果存在則遍歷list，如果不存在輸出錯誤信息
    4. each 判斷是否是第一個或者是最后一個 
        
    
    {{#each list}}
        ```
        {{#if @first}}  //{{#if @last}}
          ```
        {{else}}
         ```
        {{/if}}
        ```
    {{/each}}
    
    {{#each list}}
      
  • 
        
    
          
    
            
    
              
            
    
            {{#if @first}}
              
    {{this.method-type-text}}
    
            {{else}}
              
    {{this.method-type-text}}
    
            {{/if}}
            
    {{this.method-type-introduce}}
    
          
    
        
    
      
    • 
    {{/each}}

    遍歷時給指定的某個值進(jìn)行特殊處理(使用比較方法)

    {{#compare  name "==" "changge"}}
  do something
{{else}}
  do something else
{{/compare}}

{{#each data}}
  {{#compare this.num "==" 1}}
    
  • 
      
    
    • 
  {{else}}
    
  • 
      
    
    • 
  {{/compare}}
{{/each}}

    content block 內(nèi)容嵌套

    // 外層
{{var ns = "layout-wrapper"}}
{{#extend "tpl/layouts/base-layout" }}
    {{#block "body"}}
      
    {{/block}}
{{/extend}}


// 內(nèi)層:
{{#extend "tpl/layouts/index" title="標(biāo)題"}}
  {{#content "body"}}
    {{var ns = "index"}}
    
    {{include "tpl/components/swiper/index"}}
    
    插入的頁面內(nèi)容
     
  {{/content}}
{{/extend}}

    文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

    轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/92734.html

    相關(guān)文章

    • weex踩坑之旅第二彈 ~ 在weex中集成vue-router

      摘要：也就是說在中，我們的代碼是要在環(huán)境中運行。而在中，是沒有等以及的，即所有的框架都是不可以使用的。比如相關(guān)組件，相關(guān)組件，等都不能在中引用。是可以在中使用的。 接著第一彈講，我們已經(jīng)搭建好一個屬于自己的weex項目了，然后如何開發(fā)呢？由于之前項目中都是采用vue全家桶進(jìn)行開發(fā)，路由使用vue-router插件，狀態(tài)管理使用vuex，Ajax前后臺交互使用axios，圖標(biāo)庫使用font-a...

      tyheist 評論0 收藏0

    • 前端踩坑之旅

      摘要：如果任一參數(shù)小于或是，它被視為為。如果是正的并且大于或等于字符串的長度，則返回一個空字符串。若為負(fù)數(shù)則將該值加上字符串長度后再進(jìn)行計算如果加上字符串的長度后還是負(fù)數(shù)，則從開截取。如果為負(fù)，它被視為其中是字符串的長度。 文本溢出處理 1. 單行文本溢出顯示省略號 overflow:hidden; （顧名思義超出限定的寬度就隱藏內(nèi)容） white-space: nowrap; （設(shè)置文字在...

      W4n9Hu1 評論0 收藏0

    • 前端踩坑之旅

      摘要：如果任一參數(shù)小于或是，它被視為為。如果是正的并且大于或等于字符串的長度，則返回一個空字符串。若為負(fù)數(shù)則將該值加上字符串長度后再進(jìn)行計算如果加上字符串的長度后還是負(fù)數(shù)，則從開截取。如果為負(fù)，它被視為其中是字符串的長度。 文本溢出處理 1. 單行文本溢出顯示省略號 overflow:hidden; （顧名思義超出限定的寬度就隱藏內(nèi)容） white-space: nowrap; （設(shè)置文字在...

      Flands 評論0 收藏0

    • 前端踩坑之旅

      摘要：如果任一參數(shù)小于或是，它被視為為。如果是正的并且大于或等于字符串的長度，則返回一個空字符串。若為負(fù)數(shù)則將該值加上字符串長度后再進(jìn)行計算如果加上字符串的長度后還是負(fù)數(shù)，則從開截取。如果為負(fù)，它被視為其中是字符串的長度。 文本溢出處理 1. 單行文本溢出顯示省略號 overflow:hidden; （顧名思義超出限定的寬度就隱藏內(nèi)容） white-space: nowrap; （設(shè)置文字在...

      amc 評論0 收藏0

    發(fā)表評論

    0條評論

    最新活動
    閱讀需要支付1元查看
    <