写在前面

Omi框架到目前为止有三种版本。

sodajs是我们团队高级工程师(dorsywang)的作品，服务员QQ群、兴趣部落等多个产品线，
以良好的兼容性、卓越的性能、简便的语法、超小的尺寸以及强大的功能而深受同事们的喜爱。下面先来看看sodajs怎么使用。

sodajs语法

sodajs的指令默认是以soda开头。当然不是必须，今天更新了一版sodajs支持自定义前缀。

soda.prefix('o')

现在，下面所有的指令使用o-开头。

simple

.(tpl)

if

.(tpl)

repeat

o-repeat="item in array"

o-repeat="item in object"

o-repeat="item in array by index"

o-repeat="item in object by key"

o-repeat="(index, value) in array"

o-repeat="(key, value) in object"

default index or key is $index

data [ ] (tpl, data);

这里 item in array by index 中的by index有什么作用呢？当然有作用！因为当两层或者多层嵌套循环的时候，通过内层循环已经无法通过{{$index}} 访问到外层循环的索引，所以可以通过 by xxx 对 index进行重命名，这样就解决了多层嵌套循环访问索引的问题。

expression

.(tpl)

filter

soda.filter(String filterName, Function func(input, args...))
{{input|filte1:args1:args2...|filter2:args...}}

example:

(input).).(tpl[ ] })

html

.(tpl)

新版omi.js

(data) ().[ ] );

example

上面是一个简单是例子说明o-repeat和条件判断o-if指令的使用方式，也可以支持多重循环:

(data) ().[ [][]] );

example

自定义标签也可以使用指令：

().tag('item',Item) (data) ().[ ] }),'#container');

example

需要特别强调，新版omi自定义标签强制必须使用：

<tag-name></tag-name>

错误方式：

<tag-name /> Omi相关