Display a `$modal` for a certain UI-Router state.

var app = angular.module('plunker', ['ui.router', 'ui.bootstrap']);

app.config(function($stateProvider, $urlRouterProvider){
  /**
   * Specify a default state
   */
  $urlRouterProvider.otherwise('/');
  /**
   * define a sample state
   */
  $stateProvider
  .state('index', {
    url: '/',
    template: '<h2>Hello world</h2>'
  })
  /**
   * Then define a child state for the modal window
   */
  .state('index.terms', {
    /**
     * Only the URL is required, you don't need a controller or a template for the state
     */
    url: '/terms',
    /**
     * Open the modal window when the onEnter event is fired
     */
    onEnter: function($modal){
      $modal.open({
        template: [
        '<div class="modal-content">',
          '<div class="modal-header">',
            '<h3 class="modal-title">Regulamin</h3>',
          '</div>',
          '<div class="modal-body">',
          '$1. Give us all your money!',
          '</div>',
          '<div class="modal-footer">',
            '<button class="btn btn-primary" ng-click="$dismiss()">OK</button>',
          '</div>',
        '</div>'
        ].join(''),
        controller: function($scope){
          // do whatever you need here.
        }
      });
      
    }
  })
})

<!DOCTYPE html>
<html ng-app="plunker">

  <head>
    <meta charset="utf-8" />
    <title>AngularJS Plunker</title>
    <script>document.write('<base href="' + document.location + '" />');</script>
    <link rel="stylesheet" href="style.css" />
    <script data-require="angular.js@1.2.x" src="https://code.angularjs.org/1.2.25/angular.js" data-semver="1.2.25"></script>
    <script src="//cdn.jsdelivr.net/angular.ui-router/0.2.11/angular-ui-router.js"></script>
    <script src="//cdn.jsdelivr.net/angular.bootstrap/0.11.0/ui-bootstrap-tpls.js"></script>
    <script src="app.js"></script>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
  </head>

  <body>
    <ui-view></ui-view>
    <a ui-sref="index.terms">Terms and conditions</a>
  </body>

</html>

/* Put your css in here */