JSON 데이터를 기반으로 페이지 생성

Question

저는 건물에있는 응용 프로그램에 AngularJS를 사용하고 있으며 항목이 places이라는 JSON 객체로 푸시 될 때 페이지를 생성 할 수 있는지 궁금합니다. 푸시 된 각 항목에 고유 한 ID가 부여되어 있으므로 site.com/places/123456과 같은 URL의 일부로이 ID (예 : 123456)를 사용할 수 있다고 생각했습니다.

{ 
    "places" : [ 
    { 
     "id" : 471756, 
     "title" : "The Whittington Hospital" 
    } 
    ] 
} 

이 페이지를 자동으로 생성 할 수 있습니까 (예 : 템플릿 기반)?

사용자가 양식을 통해 자신의 병원을 만들도록하는 앱을 만들기 위해 노력 중이므로 물어 봅니다. 병원이 만들어져 JSON 객체에 푸시되고 나면 해당 병원에 대한 페이지를 만들고 싶습니다.

각도를 사용할 수 있습니까? 어떤 도움을 주셔서 감사합니다.

미리 감사드립니다.

UPDATE 여전히이 가진 문제의 비트를 갖는. 여기에 내가 지금까지 가지고있는 것이있다.

place.html

<div ng-controller='PlaceCtrl'> 
    <h1>{{ title }}</h1> 
</div> 

JS

app.constant('FBURL', 'https://luminous-fire-8685.firebaseio.com/'); 

app.config(['$routeProvider', function ($routeProvider) { 
    $routeProvider 
    .when('/places/:placeId', { 
     templateUrl: 'views/place.html', 
     controller: 'PlaceCtrl' 
    }) 
}]); 

app.factory('place', function($firebase, FBURL, $routeParams) { 
    var ref = new Firebase(FBURL + "places/" + $routeParams.placeId); 

    return { 
    id: $routeParams.placeId 
    } 
}); 

app.controller('PlaceCtrl', function($scope, $rootScope, FBURL, $firebase, $location, $routeParams, place) { 
    $scope.placeId = place.id; 
}); 

Answer 1

당신은 ngRoute 및 $routeProvider 찾고 있습니다.

.when('/place/:placeId', { templateUrl: 'place.html', controller: 'PlaceCtrl' }) 

그래서 때마다 방문자가 PlaceCtrl 및 place.html에서 끝 /place/로 시작하는 URL을 명중 : 그와 함께이 같은 매개 변수화 된 경로를 설정할 수 있습니다. 그리고 장소 ID는 매개 변수로 전달됩니다.

그런 다음 컨트롤러에서 매개 변수를 선택할 수 있습니다 : 또한

app.controller('PlaceCtrl', function($scope, FBURL, $firebase, $routeParams) { 
    var ref = new Firebase(FBURL+"places/"+$routeParams.placeId); 

참조 : 나는 복사/붙여 넣기있는 https://github.com/puf/trenches/blob/master/app.js (: AngularJS와, 중포 기지 및 AngularFire를 사용

• 내 샘플 응용 프로그램을/위의 스 니펫 수정)
• AngularJS documentation for routeParams
• AngularJS tutorial's step on routing
• (편한 방법) Thinkster.io tutorial page on routeParams