не загружает мою страницу, используя ngroute с параметром в angularjs - PullRequest
Новая
       37

не загружает мою страницу, используя ngroute с параметром в angularjs

0 голосов
/ 14 июня 2019

Я что-то новое в angularjs, и у меня есть страница, которая перенаправляет на другую с идентификатором параметра, но это ничего не загружает, я не знаю, что не так.

Это home.html, где я вызываю URL с параметром 

 <div class='card_actions'>
     <a href="#/post/{{id}}" class="btn-btn--m btn--blue btn--flat" lx-ripple>Leer mas
     </a>
 </div>

Это контроллер, которому я назначаю адреса с параметром id app.js 

var app = angular.module('FinalApp',['ngResource','lumx','ngRoute'])
app.config(["$routeProvider","$locationProvider",function(route,location){
    location.hashPrefix('');
    route
        .when('/',{
            controller: 'MainController',
            templateUrl: 'templates/home.html'
        })
        .when('/post/:id',{
            controller: 'PostController',
            templateUrl: 'templates/post.html' 
        })
         .otherwise("/");
}]);

Это контроллер страницы post.html 

app.controller('PostController',function($scope,$resource,$routeParams){

    Post = $resource('https://jsonplaceholder.typicode.com/posts/id',{id:'@id'});
    $scope.post = Post.get({id:$routeParams.id});

});

Это страница, которую я хочу загрузить post.html 

<div class='card-top-space'>
    <div class='p+' style="background-color: red">
        <strong class='fs-headline display-block tc-red-900'>
            {{post.title}}
        </strong>
        <div class='paragrah fs-body-1 mt+'>
            {{post.body}}
        </div>
    </div>      
</div>

Ответы [ 2 ]

0 голосов
/ 14 июня 2019

Ваш href не может обработать {{id}} в маршруте. Это потому, что это AngularJS выражение . Если вам нужен anchor tag (<a>), маршрут которого имеет угловое выражение, вам нужно использовать нечто, называемое ng-href вместо href.

Вы можете обратиться к этой статье StackOverflow , чтобы лучше ее понять.

Следовательно, внутри вашего home.html : 

 <a ng-href="#/post/{{id}}" class="btn-btn--m btn--blue btn--flat" lx-ripple>Leer mas
 </a>

Надеюсь, это поможет.

0 голосов
/ 14 июня 2019

Если в вашем href есть угловой код, вам нужно использовать ngHref.У вас есть {{id}} в вашем href.

Попробуйте это в вашем home.html 

<div class='card_actions'>
  <a ng-href="#/post/{{id}}" class="btn-btn--m btn--blue btn--flat" lx-ripple>Leer mas</a>
</div>

См. здесь для документации по ngHref

...