DoneJS StealJS jQuery ++ FuncUnit DocumentJS
3.0.0
2.3.27

 

  • Github
  • Twitter
  • Chat
  • Forum
  • Guides
  • Core
    • can-component
    • can-compute
    • can-connect
    • can-define
    • can-define/list/list
    • can-define/map/map
    • can-route
    • can-route-pushstate
    • can-set
    • can-stache
      • Pages
        • Magic Tag Types
        • Scope and Context
        • Expressions
        • Template Acquisition
        • Helpers
        • Live Binding
      • Methods
        • from
        • registerConverter
        • registerHelper
        • registerPartial
        • registerSimpleHelper
        • safeString
      • Tags
        • {{expression}}
        • {{{expression}}}
        • {{#expression}}
        • {{/expression}}
        • {{^expression}}
        • {{>key}}
        • {{!expression}}
        • {{else}}
      • Expressions
        • Bracket Expression
        • Call Expression
        • Hash Expression
        • Helper Expression
        • KeyLookup Expression
        • Literal Expression
      • Key Operators
        • @at
        • ~compute
        • ./current
        • ../parent
        • %special
        • this
        • *variable
        • key
      • Helpers
        • {{#if expression}}
        • {{#unless expression}}
        • {{#each expression}}
        • {{#with expression}}
        • {{log}}
        • {{#is expressions}}
        • {{#switch expression}}
        • {{#case expression}}
        • {{#default}}
        • {{joinBase expressions}}
      • Types
        • getterSetter
        • helper
        • helperOptions
        • renderer
        • sectionRenderer
        • simpleHelper
    • can-stache/helpers/route
    • can-stache-bindings
  • Ecosystem
  • Infrastructure
  • Legacy
  • Bitovi
    • Bitovi.com
    • Blog
    • Consulting
    • Training
    • Open Source
  • Chat
  • Forum
  • Star
  • Follow @canjs
  • CanJS
  • /
  • Core
  • /
  • can-stache
  • /
  • ~compute
  • / On this page
    • ~compute

      typedef

      Pass a compute instead of a value if an observable is found within [can-stache/expressions/calls].

      • source

      ~key

      This makes non-helper expression arguments behave similar to helper expression arguments.

      {{#each(~todos)}} ... {{/each}}
      

      Use

      The following illustrates what ~some.key would return given different data structures:

      // A non-observable JS object:
      {some: {key: "value"}}
         //-> "value"
      
      // A non-observable JS object w/ a function at the end
      {some: {key: function(){ return "value"; }}}
         //-> "value"
      
      // A non-observable JS object with intermediate functions:
      {some: function(){ return {key: "value"}}}
         //-> "value"
      
      // A observable can-map
      {some: new DefineMap({key: "value"})}
         //-> canCompute("value")
      
      // A method on an observable can-map that reads observables
      var Some = DefineMap.extend({
          value: "string",
          key: function(){ return this.value; }
      })
      {some: new Some({value: "value"})}
         //-> compute(function(){ return this.value; })
      

      Notice that ~ should only be used once in a value lookup expression.

      CanJS is part of DoneJS. Created and maintained by the core DoneJS team and Bitovi. Currently 3.0.0.