<?xml version="1.0" encoding="utf-8"?>
<ModelBase xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:xsd="http://www.w3.org/2001/XMLSchema">
  <Name>k-if</Name>
  <DisplayName>When the if condition return true, the element will be rendered. </DisplayName>
  <Example> 
     <![CDATA[ 
     
     <!-- condition matched --> 
    <script engine="kscript">
      var number = 123;
    </script> 
    <div k-if="number > 100">
      text when number bigger than 100
    </div>
    <div k-if="number < 100">
     text when number smaller than 100
    </div>
    
    // available match operators are: 
    // ">", ">=", "<", "<=", "==",  "!=", "contains", "startwith"
     
    //repeat item match... only match even rows. 
     <div k-repeat='item list'><div k-if='repeat/even'><p>text</p></div></div>" 
     
     // available keywords: k-if='repeat/even', k-if='repeat/odd', k-if='repeat/first', k-if='repeat/last', k-if='repeat/!first', k-if='repeat/!last',
     
     // use the number or css numbering rule. 
     // k-if='repeat/2'    // the second row. 
     // k-if='repeat/3n+1'    // every 3n+1 row... one out of 3 items.

  ]]>
  </Example>
</ModelBase>