AngularJS загружает только html компонента вместо всего ng-представления - PullRequest
Новая
       37

AngularJS загружает только html компонента вместо всего ng-представления

0 голосов
/ 30 января 2019

Я создал маршруты, и один маршрут, который может содержать параметры и по ним вызывать определенный html в ng-view. 

<div id="navPost" class="row">
            <div  class="col-sm-8">
                <div class="levakolona">
                    <main ng-view></main>
                </div>
            </div>
            <div class="col-sm-4">
                <div class="desnakolona">----
                    // something
                </div>
            </div>
        </div>

А вот и маршруты ... 

app.config(['$routeProvider', '$locationProvider',function($routeProvider, $locationProvider) {
$locationProvider.html5Mode(true);
$locationProvider.hashPrefix('!');
$routeProvider
.when("/", 
{
    title: 'Glavna',
    templateUrl : "/pages/kartice.html",
    controller: 'kontroler'
})
.when("/glavna", 
{
    title: 'Glavna',
    templateUrl : "/pages/kartice.html",
    controller: 'kontroler'
})
.when("/post/:postID", 
{
    title: 'Post',
    templateUrl: '/pages/post.html',
    controller: 'kontroler'
})
.when("/o-nama", 
{
    title: 'Post',
    templateUrl: '/pages/Onama.html',
    controller: 'kontroler'
})
.otherwise({
    redirectTo: '/'
 });

}]);

app.controller('kontroler', ['$scope', '$routeParams', function($scope, $routeParams){
    $scope.templateUrl = '/pages/postovi/'+$routeParams.postID + '.html';
}]);

Когда я маршрутизирую с /post/VaricellaZoster.html, он открывает мне этот конкретный html в post.html и вызывает обратно в ng-view ... но когда я набираю этот URL-адрес непосредственно в Chrome или любом другом браузере, он открывает меня простоэтот HTML и не генерирует все приложение с NG-View ... и как это можно исправить?

1 Ответ

0 голосов
/ 30 января 2019

Добавьте в свой htaccess: 

RewriteEngine on
RewriteCond %{REQUEST_FILENAME} -s [OR]
RewriteCond %{REQUEST_FILENAME} -l [OR]
RewriteCond %{REQUEST_FILENAME} -d
RewriteRule ^.*$ - [NC,L]

RewriteRule ^(.*) /index.html [NC,L]

Это позволит перейти к фактическому ресурсу, если таковой имеется, и к index.html для всех маршрутов AngularJS.

...