У меня есть plunker здесь - http://plnkr.co/edit/PzSvKD9M4l1MKjlYluYm?p=previewAngularjs, нг-вид сфера
Я использую демо JSON здесь - https://api.myjson.com/bins/1hdr5
Я использую нг ракурс и ngRoute для отображения двух страниц.
Первый - список историй/сообщений, извлеченных из json-файла. Это отображает часть содержимого в json-файле - я ограничил количество текста.
Я бы хотел щелкнуть по ним и открыть новое представление, отображающее полный контент этой истории/сообщения.
Я добавил story.html, который открывается при щелчке по истории/сообщению на первом представлении.
Моя проблема заключается в подключении области к представлению story.html. Мне нужно знать правильную часть josn для загрузки, чтобы соответствовать истории/сообщению, которые были нажаты.
var app = angular.module('myApp', ['ngRoute']);
app.service('myService', function ($http, $q) {
var deferred = $q.defer();
$http.get('https://api.myjson.com/bins/1hdr5').then(function (data) {
deferred.resolve(data);
})
this.getStory = function() {
return deferred.promise;
}
})
.controller('myCtrl', function ($scope, myService) {
var promise = myService.getStory();
promise.then(function (data) {
$scope.stories = data.data.stories;
})
})
/*
.controller('storyCtrl', function ($scope, myService) {
var promise = myService.getStory();
promise.then(function (data) {
$scope.stories = data.data.stories;
})
}) */
.config(function ($routeProvider) {
$routeProvider
// route for the home page
.when('/', {
templateUrl: 'home.html',
controller: 'myCtrl'
})
.when('/story', {
templateUrl: 'story.html',
controller: 'storyCtrl'
})
});
Благодаря Abhijeet Thats выглядит великолепно, но plunker не работает так было интересно, если это действительно работает – ttmt
ой .. я проверил ссылку только сейчас его работу, нажав на любую историю приведет вас к другому взгляду с подробностями истории. –
безупречное спасибо Abhijeet – ttmt