AngularJs the json object is not displayed

Question

I am trying to display the json object at the end of the form like

    <p>
        <input type="text" name="title" ng-model="blog.title" />
    </p>
    <p>
        <textarea name="txt" ng-model="blog.txt"></textarea>
    </p>
    <p>
        <select name="type" ng-model="blog.type" ng-options="type.id as type.name for type in types" />
    </p>
    **{{blog}}**
    <br/>

</form>

but it displays the object not. but if I place the {{blog}} right after form open tag, then it works.

Any idea?

Instead of {{blog}} try {{types}}

Reena
– Reena

2015-04-09 11:48:08 +00:00
Commented Apr 9, 2015 at 11:48 — Reena
– Reena, Commented Apr 9, 2015 at 11:48
can you provide a plunkr ?

Himanshu Mittal
– Himanshu Mittal

2015-04-09 11:51:32 +00:00
Commented Apr 9, 2015 at 11:51 — Himanshu Mittal
– Himanshu Mittal, Commented Apr 9, 2015 at 11:51

sylwester · Accepted Answer · 2015-04-09 11:56:04Z

You need to close select tag ie:

<select name="type" ng-model="blog.type" ng-options="type.id as type.name for type in types"></select>

please see demo below

var app = angular.module('app', []);

app.controller('homeCtrl', function($scope) {


  $scope.types = [{
    id: 1,
    name: "one"
  }]

});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>

<body>
  <div ng-app="app">
    <div ng-controller="homeCtrl">
      <form>

        <p>
          <input type="text" name="title" ng-model="blog.title" />
        </p>
        <p>
          <textarea name="txt" ng-model="blog.txt"></textarea>
        </p>
        <p>
          <select name="type" ng-model="blog.type" ng-options="type.id as type.name for type in types"></select>
        </p>
        {{blog}}
        <br/>

      </form>


    </div>
  </div>
</body>

manzapanza · Accepted Answer · 2015-04-09 11:55:59Z

1

Have you tried with the json filter?

{{blog | json}}

answered Apr 9, 2015 at 11:55

manzapanza

6,2914 gold badges43 silver badges51 bronze badges

Collectives™ on Stack Overflow

AngularJs the json object is not displayed

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related