AngularJs объект JSON не отображается

Я пытаюсь отобразить объект JSON в конце формы, какAngularJs объект JSON не отображается

<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>

но отображает объект нет. но если я поместил {{blog}} сразу после открытого тега формы, тогда он будет работать.

Любая идея?

источник

2015-04-09 user160820

Вместо {{блог}} попытаться {{типа} } – Reena

вы можете предоставить plunkr? – Himanshu

Вы должны закрыть выберите тег, а именно:

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

смотрите демо ниже

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>

источник

2015-04-09 11:56:04 sylwester

Nice tipp. большое спасибо – user160820

Вы пробовали с json filter?

{{blog | json}}

источник

2015-04-09 11:55:59 manzapanza

AngularJs объект JSON не отображается

ответ

Смежные вопросы