<html>
<head>
<script src="//unpkg.com/show-current-browser-url"></script>
<script src="//unpkg.com/angular@1.5/angular.js"></script>
<script src="//unpkg.com/angular-ui-router@1.0.0-beta.3/release/angular-ui-router.js"></script>
<script src="helloworld.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>
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);
});
myApp.service('initService', function($timeout){
var myJson ={
sitemap: {
"ICM000": {
"url": "ICM000",
"type": "menu",
"title": "מהדורה 17.4",
"order": "1"
}
}
};
this.doRequest = function() {
return $timeout(function() {
return myJson;
}, 1000);
};
});
myApp.run(function ($uiRouter, initService) {
// start app
initService.doRequest().then(function(result) {
console.log("myvar = ", result);
});
});
The angular-ui-router "Hello World" app
{
"ICM000": {
"url": "ICM000",
"type": "menu",
"title": "מהדורה 17.4",
"order": "1",
"sub": {
"PNM000": {
"url": "PNM000",
"type": "menu",
"title": "תפריט מידע ושירות",
"order": "1",
"sub": {
"TBM130": {
"url": "TBM130",
"type": "menu",
"title": "תפריט ניהול טבלאות לקוחות",
"order": "3",
"sub": {
"CST510": {
"url": "CST510",
"type": "screen",
"title": "מסגרות אשראי CS למותג פרטי",
"order": "1"
},
"CST512": {
"url": "CST512",
"type": "screen",
"title": "סיבות העדפה",
"order": "2"
},
"CST513": {
"url": "CST513",
"type": "screen",
"title": "סטטוסים לקוח",
"order": "3"
},
"CST515": {
"url": "CST515",
"type": "screen",
"title": "ניקוד מעמד לקוח CS",
"order": "4"
},
"CST516": {
"url": "CST516",
"type": "screen",
"title": "ניקוד לכרטיס אחר CS",
"order": "5"
},
"CST520": {
"url": "CST520",
"type": "screen",
"title": "תקרת משיכה ומסגרת אשראי CS",
"order": "6"
},
"CST522": {
"url": "CST522",
"type": "screen",
"title": "ניקוד מצב משפחתי CS",
"order": "7"
},
"CST525": {
"url": "CST525",
"type": "screen",
"title": "ניקוד השכלה CS",
"order": "8"
},
"CST526": {
"url": "CST526",
"type": "screen",
"title": "הרשאה לעדכון סטטוס",
"order": "9"
},
"CST527": {
"url": "CST527",
"type": "screen",
"title": "ניקוד למיקוד CS",
"order": "10"
},
"CST542": {
"url": "CST542",
"type": "screen",
"title": "ניקוד הכנסות נטו למשפחה CS",
"order": "11"
},
"CST543": {
"url": "CST543",
"type": "screen",
"title": "ניקוד משכנתא/הלוואה/שכירות CS",
"order": "12"
},
"CST552": {
"url": "CST552",
"type": "screen",
"title": "מסנני גביה למוצרי אשראי",
"order": "13"
},
"CST616": {
"url": "CST616",
"type": "screen",
"title": "טבלת ניהול מסגרת התחלתית",
"order": "14"
},
"CST641": {
"url": "CST641",
"type": "screen",
"title": "סבירות נתונים ל-CS",
"order": "15"
},
"CST678": {
"url": "CST678",
"type": "screen",
"title": "קביעת מסגרת בריבוי חשבונות",
"order": "16"
},
"CST100": {
"url": "CST100",
"type": "screen",
"title": "פרמטרים לחישוב משתנה BDI",
"order": "17"
},
"CST115": {
"url": "CST115",
"type": "screen",
"title": "נושאים ופרמטרים לקרדיט סקורינג",
"order": "18"
},
"CST116": {
"url": "CST116",
"type": "screen",
"title": "ניקוד קרדיט סקורינג",
"order": "19"
},
"CST117": {
"url": "CST117",
"type": "screen",
"title": "הגדרת נושאים וקודים לקרדיט סקורינג",
"order": "20"
},
"CST220": {
"url": "CST220",
"type": "screen",
"title": "מינימום CS עבור פרופיל לקוח",
"order": "21"
},
"CST415": {
"url": "CST415",
"type": "screen",
"title": "המרה מניקוד CS לקבוצת דירוג סיכון +PD",
"order": "22"
},
"CST260": {
"url": "CST260",
"type": "screen",
"title": "מסגרת אשראי להלוואה על פי CS",
"order": "23"
},
"CST720": {
"url": "CST720",
"type": "screen",
"title": "מסגרות אשראי CS לכרטיסים לעסקים",
"order": "24"
}
}
},
"TBM140": {
"url": "TBM140",
"type": "menu",
"title": "תפריט ניהול טבלאות ארכיון",
"order": "4",
"sub": {
"ART102": {
"url": "ART102",
"type": "screen",
"title": "הפקות ליישות",
"order": "1"
}
}
}
}
}
}
}
}