Comments (6)
It needs to be like this
{{#if loggedIn}}
<li><a href="#">New Request</a></li>
<li><a href="#">Trips</a></li>
<li><a href="#" data-bind="click: logout">logout</a></li>
{{/if}}
{{#else}}
<li><a href="#" data-bind="click: login">login</a></li>
{{/else}}
from tko.
Hi Dave - operating on mobile so hard to type this out 😀 but there are two options for else. One is using <!-- else -->
inside an if/unless/ifnot binding (no #), the other is having a "peer" {{#else}} binding. I can't see the example on my phone but I hope this gives you something to go on. :)
from tko.
... in any case please leave this open as I'd like to put an example in the docs!
from tko.
- I had to clean up my markdown comment with the correct link to JSBin.
- Here's a sample code snippet I'd like to be able to implement. The basic pattern (to me) is that for every control-y virtual binding we should have an equivalent {{#}}
<ul>
<li>Home</li>
{{#if loggedIn}}
<li><a href="#">New Request</a></li>
<li><a href="#">Trips</a></li>
<li><a href="#" data-bind="click: logout">logout</a></li>
{{#else}}
<li><a href="#" data-bind="click: login">login</a></li>
{{/if}}
</ul>
from tko.
I've updated the if-binding documentation, here: http://www.tko.io/a/if-binding.html
The alternative to two {{#...}}
blocks is to use <!-- else -->
like this:
<ul>
<li>Home</li>
{{#if loggedIn}}
<li><a href="#">New Request</a></li>
<li><a href="#">Trips</a></li>
<li><a href="#" data-bind="click: logout">logout</a></li>
<!-- else -->
<li><a href="#" data-bind="click: login">login</a></li>
{{/if}}
</ul>
Ideally we'd have support builtin for a mustache equivalent e.g. {{ else }}
, and have the {{# else }}
binding check to see if it's already inside an if
binding so cases like you've highlighted above with {{# if ... }}...{{# else }}...{{/ if }}
would behave as expected.
from tko.
Closing this as the solution is discussed, but we can re-open if there's something to add, here.
from tko.
Related Issues (20)
- Deprecate unused npm packages HOT 2
- Convert legacy documentation
- Replace hard-coded parser unicode identifier detection with RegExp HOT 3
- optionsText with a lambda value fails to resolve the function argument HOT 2
- Add preventDefault to event handler options HOT 5
- Incorrect tree with multiple 'or' operators in parser HOT 1
- Unable to load from an ES module HOT 1
- TypeError: Cannot set properties of undefined (setting 'ko') HOT 1
- Re-enable tests on builds/knockout HOT 2
- `options.bindingGlobals` can't be changed at runtime
- Revamp www.tko.io
- Fix typing of the Observable<boolean> HOT 5
- Change mappingHelpers `objectLookup` from an O(n) array to O(1) Map
- Fix the build / exports in package.json
- Build @tko/build.reference into the `tko` package
- Server side render SSR support
- How to build and import TKO-beta as a bundled library. HOT 3
- [beta1.3] ESM support HOT 3
- Writable computed out of sync
- If you have multiple || (ORs), you need parentheses, otherwise it fails silently HOT 4
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from tko.