LOGOSan

条件

编辑本文

s-if

通过 s-if 指令,我们可以为元素指定条件。当条件成立时元素可见,当条件不成立时元素不存在。

提示:当不满足条件时,San 会将元素从当前页面中移除,而不是隐藏。

1
<span s-if="isOK">Hello San!</span>

s-if 指令的值可以是任何类型的表达式

1
<span s-if="isReady && isActive">Hello San!</span>

提示:San 的条件判断不是严格的 === false。所以,一切 JavaScript 的假值都会认为条件不成立:0、空字符串、null、undefined、NaN等。

s-elif

> 3.2.3

s-elif 指令可以给 s-if 增加一个额外条件分支块。s-elif 指令的值可以是任何类型的表达式

1
2
<span s-if="isActive">Active</span>
<span s-elif="isOnline">Pending</span>

提示s-elif 指令元素必须跟在 s-ifs-elif 指令元素后,否则将抛出 elif not match if 的异常。

s-else

s-else 指令可以给 s-if 增加一个不满足条件的分支块。s-else 指令没有值。

1
2
<span s-if="isOnline">Hello!</span>
<span s-else>Offline</span>

提示s-else 指令元素必须跟在 s-ifs-elif 指令元素后,否则将抛出 else not match if 的异常。

RESOURCES

教程

教程是入门的捷径,请从这里开始了解San。

指南

我们正在编写指南手册,以指导各种应用场景下怎么使用San。

示例

这里展示了一些简单例子,以及在实际项目如何使用San。

组件 API

当你想不起来组件的接口时,请查阅这里。

FACILITIES

Router

支持hash和html5模式的router,单页或同构的Web应用通常需要它。

Store

应用状态管理套件,其理念是类似flux的单向流。

Update

Immutable的对象更新库,和san-store配合进行应用状态数据更新。

MaterialUI组件库

基于material-design设计规范的组件库