0
角度UIにかなり新しい。これは何を私の小さなモックアップです角度UIルータ - 子ビューでui-srefを使用して親ビューを変更する
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<div ng-app="app">
<h1>Hello</h1>
<ul>
<li>
<a ui-sref="organisations">Click 1</a>
</li>
</ul>
<div ui-view="testview"></div>
</div>
</body>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-router/0.3.1/angular-ui-router.min.js"></script>
<script>
angular
.module('app', ['ui.router'])
.config(setViewStates)
;
function setViewStates($stateProvider, $urlRouterProvider) {
$urlRouterProvider.otherwise('/');
$stateProvider
// Organisations
.state('organisations', {
url: '/',
views: {
'testview': {
template: '<p>view 1</p><a ui-sref="organisations.club">Click</a>',
},
}
})
.state('organisations.club', {
url: '/club',
views: {
'[email protected]': {
template: '<p>view 2</p>',
controller: function($scope) {
console.log('hello');
}
},
}
});
;
}
</script>
</html>
:私は子供に親のUIビューを変更しますSREF
を持っているタグを持つUIビューを持っているために、このような何かをしようとしています最終的にやりたいのは、アイテムのテーブルを持つテンプレートを持っていて、それらのアイテムの1つを押すと、テーブルテンプレートはそのアイテムの詳細とその状態に置き換えられますとURL。
だから、階層のようなものです:あなたがIDとしてのparamsで一つだけの状態を持っている場合、あなたが新規またはいずれかとしてIDを送信することができますclubId