Skip to main content Link Search Menu Expand Document (external link)

&& : Logical AND Operator

On this page

Summary

Combine two boolean expressions. Returns true only if both operands are true.

Syntax 

{{condition1 && condition2}}

Precedence

Priority level in expression evaluation (1 = highest, 10 = lowest): 9

Evaluated after: ^, *, /, %, +, -, <, <=, >, >=, ==, !=, ??

Evaluated before: ||

Operands

Position Type Description
Left Boolean First condition to evaluate
Right Boolean Second condition to evaluate

Returns

Type: Boolean

true if both operands are true, false otherwise.

Truth Table

Left Right Result
true true true
true false false
false true false
false false false

Examples

Driving Eligibility 

{{#if model.age >= 18 && model.hasLicense}}
  <div class="eligible">
    <p>✓ Eligible to drive</p>
  </div>
{{else}}
  <div class="not-eligible">
    <p>Not eligible to drive</p>
    {{#if model.age < 18}}
      <p>Reason: Must be 18 or older</p>
    {{/if}}
    {{#if !model.hasLicense}}
      <p>Reason: Valid license required</p>
    {{/if}}
  </div>
{{/if}}

Data:

doc.Params["model"] = new {
    age = 20,
    hasLicense = true
};

Output:

<div class="eligible">
  <p>✓ Eligible to drive</p>
</div>

Multiple Conditions 

{{#if model.isActive && model.isPaid &amp;&amp; model.isVerified}}
  <div class="status-valid">
    <h3>Account Status: Active</h3>
    <p>All requirements met</p>
  </div>
{{else}}
  <div class="status-incomplete">
    <h3>Account Incomplete</h3>
    <ul>
      {{#if !model.isActive}}<li>Account not activated</li>{{/if}}
      {{#if !model.isPaid}}<li>Payment required</li>{{/if}}
      {{#if !model.isVerified}}<li>Verification pending</li>{{/if}}
    </ul>
  </div>
{{/if}}

Range Check 

{{#if model.age >= 13 &amp;&amp; model.age < 20}}
  <span class="age-group">Teenager</span>
{{else if model.age >= 20 &amp;&amp; model.age < 65}}
  <span class="age-group">Adult</span>
{{else}}
  <span class="age-group">Other</span>
{{/if}}

Data:

doc.Params["model"] = new {
    age = 17
};

Output:

<span class="age-group">Teenager</span>

Stock and Price Validation 

{{#each model.products}}
  {{#if this.stock > 0 &amp;&amp; this.price <= model.maxBudget}}
    <div class="product-available">
      <h3>{{this.name}}</h3>
      <p>Price: ${{this.price}}</p>
      <p>Stock: {{this.stock}}</p>
      <button>Add to Cart</button>
    </div>
  {{/if}}
{{/each}}

Data:

doc.Params["model"] = new {
    maxBudget = 100,
    products = new[] {
        new { name = "Widget A", price = 49.99m, stock = 10 },
        new { name = "Widget B", price = 149.99m, stock = 5 },
        new { name = "Widget C", price = 79.99m, stock = 0 }
    }
};

Output:

<div class="product-available">
  <h3>Widget A</h3>
  <p>Price: $49.99</p>
  <p>Stock: 10</p>
  <button>Add to Cart</button>
</div>

Notes

  • Both conditions must be true for result to be true
  • Uses short-circuit evaluation: if first condition is false, second is not evaluated
  • Can chain multiple AND conditions: a && b && c
  • Use parentheses for complex expressions: (a && b) || (c && d)
  • Commonly combined with comparison operators
  • Has higher precedence than OR (||) operator
  • Note: ! (NOT) operator is not supported - use != instead

See Also