I want one of the existing product.post-summary to look like - Hello, World!

main.html

<div class="hero" ng-controller="MainCtrl as store"> <div class="half-item" ng-repeat="product in store.products | limitTo: 4 : 8"> <p>{{product.post-summary}}</p> </div> </div>

articles.json

 [ { "name": "US Election Rundown October 4th 2016: Pre-VP Debate", "author": "Daniel Berman", "category": "US Election 2016 Rundown", "main-image": "../images/articles/trump-&-clinton.jpg", "date-created": 1475539200 }, { "name": "US Election Rundown September 30th 2016", "author": "Daniel Berman", "category": "US Election 2016 Rundown", "main-image": "../images/articles/trump-&-clinton.jpg", "date-created": 1475193600 }, { "name": "US Election Rundown September 28th 2016", "author": "Daniel Berman", "category": "US Election 2016 Rundown", "post-summary": "Hello, World!", "main-image": "../images/articles/trump-&-clinton.jpg", "date-created": 1475020800 }, { "name": "October 26 US Election 2016 Rundown", "author": "Daniel Berman", "category": " US Election 2016 Rundown", "main-image": "../images/articles/trump-clinton.jpg", "date-created": 1477440000 } ]

main.js (AngularJS)

 angular.module('ngRestlessApp') .controller('MainCtrl',['$http', function ($http) { var store = this; store.products = [ ]; $http.get('scripts/articles/articles.json').success(function(data){ store.products = data; }); }]);

    1 answer 1

    Already decided in the fact that the words for each letter should be small, not large or even without any sign.

    The post-summary is not a word but an element because JS will specifically find a word which has a sign and large letters (for example: postSummary ), and accepts the request.

    Therefore, it allows to make up decently: postsummary - this is true!