Drukowana wersja tematu

Napisany przez: PawelC 9.06.2018, 09:08:00

Witam,
Uczę się AngularJS i mam mały problem. Oto mój kod:
Plik routingu

[HTML] pobierz, plaintext 
var myApp = angular.module('myApp', ["ngRoute"])
myApp.config(['$routeProvider',
    function ($routeProvider) {
        $routeProvider
            .when('/test', {
                templateUrl: '/event/example.html',
                controller: 'exampleController'
            }, null)
            .when('/list', {
                templateUrl: '/event/list.html',
                controller: 'exampleController'
            }, null)
            .when('/test-list', {
                templateUrl: '/test/list.html',
                controller: 'testController'
            }, null)
            .when('/test/:id', {
                templateUrl: '/test/details.html',
                controller: 'testController'
            }, null)
    }
]);
[HTML] pobierz, plaintext 

Controller

[HTML] pobierz, plaintext 
angular.module('myApp').controller('testController', function ($scope, $http, $routeParams) {
    $http.get('https://jsonplaceholder.typicode.com/posts').then(function (response) {
        $scope.posts = response.data;
    });
 
    $scope.id = $routeParams.id;
 
 
});
[HTML] pobierz, plaintext 

Plik details.html

[HTML] pobierz, plaintext 
<http://december.com/html/4/element/div.html data-ng-controller="testController">
    {{data}}
</http://december.com/html/4/element/div.html>
[HTML] pobierz, plaintext 

plik list.html

[HTML] pobierz, plaintext 
<http://december.com/html/4/element/div.html data-ng-controller="testController">
    <http://december.com/html/4/element/ul.html>
        <http://december.com/html/4/element/li.html ng-repeat="post in posts">
          Tytuł: {{post.title}} <http://december.com/html/4/element/a.html href="#!test/{{post.id}}" >Show</http://december.com/html/4/element/a.html>
        </http://december.com/html/4/element/li.html>
    </http://december.com/html/4/element/ul.html>
</http://december.com/html/4/element/div.html>
[HTML] pobierz, plaintext 

Pobieram sobie dane z jsonplaceholder i listuję w pliku.html, tworzę url z id danego postu, teraz chciałbym pobrać ten jeden konkretny rekord. Wartość id pobieram sobie z $routeParams. Mój problem polega na tym, że nie wiem jak teraz po wejściu pod url test/1 pobrało mi z jsonplaceholder post o id np 1, url do pobrania szczegółów danego posta to jsonplaceholder.typicode.com/posts/1

Napisany przez: aras785 9.06.2018, 22:35:42

https://jsfiddle.net/mtV62/1546/