Item: A Pen by Atishay jain
Rating: 3.4
Author: 123atishay

0 Downloads
6 Views
Tweet
Download Now View Demo

HTML
CSS
JavaScript

    <html>
  <head>
 <script   src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular-route.js"></script>

    <style>.active { color: red; font-weight: bold; }</style>
  </head>

  <body ng-app="helloworld">
    <a ui-sref="hello" ui-sref-active="active">Hello</a>
    <a ui-sref="about" ui-sref-active="active">About</a>

    <ui-view></ui-view>
  </body>
</html>


/*Downloaded from https://www.codeseek.co/123atishay/a-pen-by-atishay-jain-oEGqvy */


/*Downloaded from https://www.codeseek.co/123atishay/a-pen-by-atishay-jain-oEGqvy */
    var myApp = angular.module('helloworld', ['ui.router']);

myApp.config(function($stateProvider) {
  var helloState = {
    name: 'hello',
    url: '/hello',
    template: '<h3>hello world!</h3>'
  }

  var aboutState = {
    name: 'about',
    url: '/about',
    template: '<h3>Its the UI-Router hello world app!</h3>'
  }

  $stateProvider.state(helloState);
  $stateProvider.state(aboutState);
});

Comments

More from 123atishay

A Pen by Atishay jain

Technologies

Comments

More from 123atishay

A Pen by Atishay jain

A Pen by Atishay jain

A Pen by Atishay jain

A Pen by Atishay jain

You Might Also Like

jaquez quiz 1

qeelScylla

SURVEY

Sequential promises vs async/await

JavaScript: self-made animation

infografiche-01_animated

Pomodoro Timer

A Pen by Tom