0
the documentに従って私のサブ状態と$ state.goの名前付きビューを親状態から作成しようとしましたが、失敗しました。 Here is the plunkerを編集してください。私はnavTreeModalがサーバーからフェッチに対して左側のナビゲーションパネルを表示するには、動的に生成状態を使用していますので、私はこれをやろうとしている
<!DOCTYPE html>
<html ng-app="demo">
<head>
<meta charset="utf-8" />
<title>Demo</title>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.6/angular.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-router/1.0.3/angular-ui-router.js"></script>
<script>
let app = angular.module('demo', ['ui.router']);
app.config(['$urlRouterProvider', '$stateProvider', function ($up, $sp) {
$sp.state('state1', state1);
$sp.state('state1.state2', state2);
$up.otherwise('/state1');
}]);
let state1 = {
url: '/state1',
controller: ['$state', function ($st) {
this.stName = $st.current.name;
this.createSubState = function(){
$st.go('state1.state2', {message: 'message from ' + $st.current.name + ' to state2'});
}
}],
controllerAs: '$ctrl',
template: `<div style="border-style: solid;">
<p ng-click="$ctrl.createSubState()" style="cursor: pointer; color: blue;">{{$ctrl.stName}} begin</p>
<ui-view="stat2View"></ui-view>
<p>{{$ctrl.stName}} end</p>
</div>`
};
let state2 = {
params: {
message: ''
},
views: {
stat2View: {
controller: ['$transition$', '$state', function ($tr, $st) {
this.parentMessage = $tr.params().message;
this.stName = $st.current.name;
}],
controllerAs: '$ctrl',
template: `<div style="border-style: solid;">
<p style="cursor: pointer; color: blue;">{{$ctrl.stName}} begin</p>
{{$ctrl.parentMessage}}
<p>{{$ctrl.stName}} end</p>
</div>`
}
}
};
</script>
</head>
<body>
<ui-view></ui-view>
</body>
</html>があるので、私は与える必要がありますビューに名前を付けるか、それらが混乱する。
を？ – charlietfl