Bower提供AngularJS演示工具

时间:2015-01-14 14:50:20

标签: javascript angularjs presentation

有人知道像reveal.js这样的演示工具吗?

我找到了angular-showoff,但我希望通过凉亭提供一些。

由于

3 个答案:

答案 0 :(得分:2)

里卡多,

是的还有其他选择。您可以将 Impress.JS 与angularJS一起使用。

HTML标记:

<div id="impresshook" ng-app="impressjs">
    <div class="impress">
        <div class="step slide" 
        ng-repeat="i in [1,2,3,4,5,6,7,8]"
        data-x="{{((i%2)-1) * 800}}"
        data-y="{{(i%4) * 800}}"
        data-z="{{-i * 500}}"
        data-rotate-x="{{((i%2)-1) * 10}}"
        data-rotate-y="{{((i%6)-1) * 40}}"
        data-rotate-z="{{i * -10}}">
            <h1>{{i}}</h1>
            <p>
            <button ng-click="$emit('previousSlide')">Previous</button>
            <button ng-click="$emit('nextSlide')">Next</button>
            </p>
            <p>Or Left / Right Arrows</p>

        </div>
        <div class="step" data-y="1500">
            <button ng-click="$emit('nextSlide')">Start Over</button>
        </div>
    </div>
</div>

这里是小提琴http://jsfiddle.net/eprouver/LAhGH/

答案 1 :(得分:2)

Bespoke.js是一款适用于现代浏览器的超小型(1KB)模块化演示库,旨在培养丰富的插件生态系统。

答案 2 :(得分:1)

这是一个可以通过凉亭Applause.

获得的

它有很好的功能,如演示者模式,PDF导出,可通过JSON文件配置等。

Demo Link

  

注意

     

该项目尚处于早期发展阶段。