각도 Json 필터

해결할 수없는 것 같습니다.각도 Json 필터

json의 필터를 사용하여 json에 객체를 표시하려고하면 {{object | json}}하지만 아무것도 나타나지 않습니다.

 <pre>{{drink | json}}</pre>

을하지만 그냥 블랑을 보여줍니다 그래서 내가

<body> 
<div ng-controller="Controller" class="container"> 
    <form ng-submit="consume()"> 
     <div class="form-group"> 
      <label>Drink</label> 
      <select ng-model="drink.type" ng-options="type.name for type in drinkTypes | orderBy: 'name'" class="form-control" ng-required="true"> 
       <option value="">-- choose drink --</option> 
      </select> 
     </div> 
     <div class="form-group"> 
      <label>Drinker</label> 
      <select ng-model="drink.drinker" ng-options="drinker.name for drinker in drinkers | orderBy: 'name'" class="form-control" ng-required="true"> 
       <option value="">-- choose drinker --</option> 
      </select> 
     </div> 
     <div class="form-group"> 
      <input type="submit" value="Consume!" class="btn btn-default btn-lg"/> 
     </div> 
    </form> 
    <pre>{{drink | json}}</pre> <!--This is NOT working--> 
    <pre>{{drink.type | json}}</pre> <!--This is working!--> 



</div> 
<script type="text/javascript" src="js/bootstrap.js"></script> 
<script type="text/javascript" src="js/angular.min.js"></script> 
<script type="text/javascript" src="js/app.js"></script> 
<script type="text/javascript" src="js/angular-resource.min.js"></script> 

</body>

이 내가 나중에이를 사용하고 있습니다 것입니다. "drink.type"을 지정하면 해당 유형이 표시됩니다.

 <pre>{{drink.type | json}}</pre> 

{ 
    "name": "shot", 
    "size": 0.04, 
    "alcohol": 0.4 
}

중요한 것은 json에서 전체 개체를 표시하고 싶습니다.

출처

2014-06-18 fruktprins

당신이 영역에 대한'NG-model' 무엇을 시도하고있다 'drink | 슨? – qwertynl

전체를 부분에 추가했습니다. – fruktprins

jsfiddle/pastbin을 제공 할 수 있습니까? 모든 부분없이 당신을 도울 수 없습니다 ... 어떻게 모델을 초기화합니까? 'drinkTypes' 배열을 어떻게 정의합니까? ... thanks –

당신이 for-each 옵션 ... <select>이 그것을 알고 당신의 사이 그래서 코드 만이 당신 밖에있는 원인 귀하의 drink 객체가 정의되지 않은)

출처

2014-06-18 13:40:46

고마워요! 실제로 무슨 뜻인지 모르겠지만 해결책을 찾았습니다. 나는 컨트롤러에서 "음료"라는 기능을 가졌습니다. 감사합니다. – fruktprins

롤, 알았어, 내가 솔루션 xD로 기대했던 것이 진짜가 아니야. –

각도 Json 필터

답변

관련 문제