角Json滤波器
[英]Angular Json filter
问题描述
似乎无法解决这一问题。
我试图用json过滤器在json中显示一个对象，例如{{object | json}}，但没有任何显示。 这就是我所拥有的
<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>
我稍后会用到它：
<pre>{{drink | json}}</pre>
但这仅显示出白皙。 如果指定“ drink.type”，则显示我的类型。
<pre>{{drink.type | json}}</pre>
{
"name": "shot",
"size": 0.04,
"alcohol": 0.4
}
事情是我要添加的内容不仅仅是输入，而是要在json中显示整个对象。
1 个解决方案
解决方案1
0 2014-06-18 13:40:46
您的drink对象未定义，因为您不在for-each选项中……所以，只有<select>之间的代码才知道它；）
过滤角度json 7
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.