4-11通用侧边导航栏开发---业务逻辑+知识点

{{#list}} {{/list}} 列表循环 / 真值判断
{{#navList}}

 {{#isActive}}
  <li class="nav-item active">
 {{/isActive}}

 {{^isActive}}
  <li class="nav-item">
 {{/isActive}}


    <a href="{{href}}" class="link">{{desc}}</a>
  </li>

{{/navList}}

在navList中进行循环遍历，通过真值判断isActive是否为真，进行不同的HTML语句添加。

此处的判断条件是 isActive，而这个isActive，是由 ：传入的初始化name，去匹配，遍历navList 中的四项的name，若相同则添加isActive的属性，相当于一个判断标志位，再将改变后的navList的内容渲染给hogan模板，之后放到nav-side.html

整体的业务逻辑：

根据初始化的name值，匹配到对应的navList中的某一项，并加上标志，以供Hogan模板，给匹配到又加了标志的该项加上active类，渲染使其字体变红。