Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html ng-app="app">
<head>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.1.5/angular.min.js"></script>
<meta charset=utf-8 />
  
  <script src="http://tristanedwards.me/u/SweetAlert/lib/sweet-alert.js"></script>
  <link rel="stylesheet" type="text/css" href="http://tristanedwards.me/u/SweetAlert/lib/sweet-alert.css">
​
  <title>AngularJS 與 SweetAlert 整合範例 (Will 保哥)</title>
</head>
<body>
  
  <h2>{{Title}}</h2>
  <hr>
  <br>
  
  <a href="javascript:swal('Oops...', 'Something went wrong!', 'error');">MAIN CONTENT</a>
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
​
  <br/><br/>
  <hr size="1">
​
  <footer class="footer">
      <table cellpadding="15">
          <tr>
            <td>
              <a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/deed.zh_TW"><img alt="創用 CC 授權條款" style="border-width:0" src="http://i.creativecommons.org/l/by-sa/3.0/88x31.png" /></a>
            </td>
            <td>
              <small>
                <span xmlns:dct="http://purl.org/dc/terms/" property="dct:title" style="font-weight:bold">JavaScript 與 AngularJS 開發實戰</span>
        由 <a xmlns:cc="http://creativecommons.org/ns#" href="http://blog.miniasp.com/" property="cc:attributionName" rel="cc:attributionURL" target="_blank">Will 保哥</a> 製作 ( <a href="https://www.facebook.com/will.fans" target="_blank">Will 保哥的技術交流中心</a> )
                <br>以<a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/deed.zh_TW" target="_blank">創用CC 姓名標示-相同方式分享 3.0 Unported 授權條款</a>釋出。
              </small>
            </td>
          </tr>
        </table>
  </footer>
​
</body>
</html>
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
willhpro
0viewers