Я пытаюсь просто напечатать одиночные объекты JSON в виде строк HTML. Я делаю это в шаблоне ветки; поэтому я изменил значение по умолчанию для Углового значения {{{}]}. Я вижу все JSON, когда я просматриваю приложение в ng-inspector, но я не могу заставить его печатать в HTML.
Я пробовал тестировать простой угловой вывод строки, и это, похоже, работает нормально.
Файл JSON (отдельный файл из сценария):
{
header: {
title: "Insights",
slug: "insights",
content: {
items: "@self.children"
}
},
content: "",
children: [
{
header: {
title: "item test",
taxonomy: {
category: [
"blog"
],
tag: [
"test"
]
}
},
content: "This is a test"
}
]
}
Вот приложение:
var blogJson = "http://localhost:8888/sean/insights?return-as=json";//cache json url
var blogCat = angular.module('blogCategories', []).config(function($interpolateProvider){
$interpolateProvider.startSymbol('{[{').endSymbol('}]}');
});//cache app
//master controller
blogCat.controller('blogFilters', function($scope, $http) {
$http.get(blogJson).success(function(data) {
$scope.blogHeader = data;
});
});
и вот веточка (html, только публикация соответствующего материала, но да, приложение и блок контроллера закрыты):
<div class="blog_app_wrap" ng-app="blogCategories" ng-controller="blogFilters">
<section class="blog_header">
<div class="header_text_wrap">
<div class="blog_title">
<h1>Latest Mortgage Insight</h1>
<div class="underline_center"></div>
</div>
<div class="header_text">
<h2>{[{children[0].header.title}]}</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
<a class="small_button" href="javascript:void(0)">Read Full Article</a>
</div>
</div>
Любая помощь будет большой; поскольку возможность печатать вещи, используя Angular через JSON, будет критически важной для этой сборки.
Кредит отправляется на @JAAulde и @Claies:
Вы присвоили данные свойству blogHeader $ scope. Поэтому в вашем шаблоне каждый раз, когда вы хотите получить доступ к значению из ваших данных, вам нужно начать с blogHeader. Например, в вашем h2 вам нужно использовать blogHeader.children [0].header.title
blogHeader
$scope
. Так что в вашем шаблоне каждый раз, когда вы хотите получить доступ к значению из ваших данных, вы должны начать сblogHeader
. Например, в вашемh2
вам нужно использоватьblogHeader.children[0].header.title