Skip to content

Instantly share code, notes, and snippets.

@hkusu
Last active August 29, 2015 14:03
Show Gist options
  • Select an option

  • Save hkusu/e4710421490d334f9cde to your computer and use it in GitHub Desktop.

Select an option

Save hkusu/e4710421490d334f9cde to your computer and use it in GitHub Desktop.
AngularJSアプリケーションにチュートリアルを簡単に導入する ref: http://qiita.com/hkusu/items/7b3bd6e19cb28d5af8f4
$ bower search intro
<link rel="stylesheet" href="bower_components/intro.js/introjs.css" />
$ bower install angular-intro.js --save
<script src="bower_components/intro.js/intro.js"></script>
<script src="bower_components/angular-intro.js/src/angular-intro.js"></script>
<div ng-controller="MainCtrl"
ng-intro-options="IntroOptions" ng-intro-method="CallMe"
ng-intro-autostart="true">
</div>
<div ng-controller="MainCtrl"
ng-intro-options="IntroOptions" ng-intro-method="CallMe"
ng-intro-autostart="true">
</div>
<div id="step1" class="header">
<ul class="nav nav-pills pull-right">
<li class="active"><a ng-href="#">Home</a></li>
<li><a ng-href="#"><span id="step5">About</span></a></li>
<li><a ng-href="#">Contact</a></li>
</ul>
<h3 class="text-muted">angular intro test</h3>
</div>
<div class="jumbotron">
<h1>'Allo, 'Allo!</h1>
<p id="step2" class="lead">
<img src="images/yeoman.png" alt="I'm Yeoman"><br>
Always a pleasure scaffolding your apps.
</p>
<p id="step3"><a class="btn btn-lg btn-success" ng-href="#">Splendid!</a></p>
</div>
<script src="bower_components/intro.js/intro.js"></script>
<script src="bower_components/angular-intro.js/src/angular-intro.js"></script>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment