mirror of
https://github.com/bobwen-dev/react-templates
synced 2025-04-12 00:56:39 +02:00
add docs for rt-virtual
This commit is contained in:
parent
44d91b4149
commit
45af9f0eca
40
README.md
40
README.md
@ -148,6 +148,46 @@ define([
|
|||||||
});
|
});
|
||||||
```
|
```
|
||||||
|
|
||||||
|
## rt-virtual
|
||||||
|
This directive creates as a virtual node, which will not be rendered to the DOM, but can still be used as a root for directives, e.g. `rt-if` and `rt-repeat`.
|
||||||
|
|
||||||
|
###### Sample:
|
||||||
|
For instance, to repeat several nodes at once without a shared root for each instance:
|
||||||
|
```html
|
||||||
|
<ul>
|
||||||
|
<rt-virtual rt-repeat="n in [1,2,3]">
|
||||||
|
<li>{n}</li>
|
||||||
|
<li>{n*2}</li>
|
||||||
|
</virtual>
|
||||||
|
</ul>
|
||||||
|
```
|
||||||
|
|
||||||
|
##### Compiled:
|
||||||
|
```javascript
|
||||||
|
define([
|
||||||
|
'react/addons',
|
||||||
|
'lodash'
|
||||||
|
], function (React, _) {
|
||||||
|
'use strict';
|
||||||
|
function repeatN1(n, nIndex) {
|
||||||
|
return [
|
||||||
|
React.createElement('li', {}, n),
|
||||||
|
React.createElement('li', {}, n * 2)
|
||||||
|
];
|
||||||
|
}
|
||||||
|
return function () {
|
||||||
|
return React.createElement.apply(this, [
|
||||||
|
'ul',
|
||||||
|
{},
|
||||||
|
_.map([
|
||||||
|
1,
|
||||||
|
2,
|
||||||
|
3
|
||||||
|
], repeatN1.bind(this))
|
||||||
|
]);
|
||||||
|
};
|
||||||
|
});
|
||||||
|
```
|
||||||
## rt-scope
|
## rt-scope
|
||||||
This directive creates a new JavaScript scope by creating a new method and invoking it with its current context. The syntax is `rt-scope="expr1 as var1; expr2 as var2`.
|
This directive creates a new JavaScript scope by creating a new method and invoking it with its current context. The syntax is `rt-scope="expr1 as var1; expr2 as var2`.
|
||||||
This allows for a convenient shorthand to make the code more readable. It also helps to execute an expression only once per scope.
|
This allows for a convenient shorthand to make the code more readable. It also helps to execute an expression only once per scope.
|
||||||
|
Loading…
x
Reference in New Issue
Block a user