Я новичок в угловой.Я пытаюсь создать простое угловое приложение.Я хотел включить UI Routing.Но при загрузке приложения возникает следующая ошибка:
При использовании нескольких представлений маршрутизация пользовательского интерфейса не происходит.Однако это работает для отдельных просмотров.Можете ли вы помочь в этом.
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-router/1.0.22/angular-ui-router.js"></script>
<meta charset="ISO-8859-1">
<title>Insert title here</title>
</head>
<body>
<div ng-app="myApp">
<div ng-controller="myCtrl">
<input type="hidden" value="getDate" ng-model="user.handleID">
<p>Name</p>
<input type="text" ng-model="user.name">
<br>
<p>Age</p>
<input type="text" ng-model="user.age">
<br>
<br>
<button ng-click="myFunc()">OK</button>
<div ui-view="firstView">First</div>
<div ui-view="secondView">Second</div>
</div>
</div>
<script>
var app=angular.module("myApp", ["ui.router"]);
app.config(function($stateProvider){
$stateProvider.state('result',{
url:'/result',
views:{
'firstView@result':{
templateUrl: '/Registration/html/Result.html'
},
'secondView@result':{
templateUrl: '/Registration/html/Result.html'
}
}
})
});
//var app=angular.module("myApp", ["ngRoute"]);
app.controller("myCtrl", ["$scope", "$http", "$state", function($scope,
$http, $state){
$scope.myFunc=function(){
$http(
{
url:'/Registration/RegisterServlet',
method:'POST',
contentType: 'application/json',
data : JSON.stringify($scope.user),
}
).then(function(data){
console.log(data)
$scope.result=data.data;
$state.go("result");
},function (error){
$scope.result=data.data;
}
);
}
}]);
</script>