Распечатать Json в виде строки HTML с Angular

0

Я пытаюсь просто напечатать одиночные объекты 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, будет критически важной для этой сборки.

  • 0
    JSON.stringify (<json-object>) дает полное представление объекта json. Это то, что вы смотрите?
  • 1
    Вы присвоили данные blogHeader $scope . Так что в вашем шаблоне каждый раз, когда вы хотите получить доступ к значению из ваших данных, вы должны начать с blogHeader . Например, в вашем h2 вам нужно использовать blogHeader.children[0].header.title
Показать ещё 3 комментария
Теги:
javascript-objects
grav

1 ответ

1

Кредит отправляется на @JAAulde и @Claies:

Вы присвоили данные свойству blogHeader $ scope. Поэтому в вашем шаблоне каждый раз, когда вы хотите получить доступ к значению из ваших данных, вам нужно начать с blogHeader. Например, в вашем h2 вам нужно использовать blogHeader.children [0].header.title

Ещё вопросы

Сообщество Overcoder
Наверх
Меню