角度 Json 过滤器答案

【问题标题】：Angular Json filter角度 Json 过滤器
【发布时间】：2014-06-18 13:02:17
【问题描述】：

似乎无法解决这个问题。

我正在尝试使用 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 中显示整个对象。

【问题讨论】：

您尝试输出drink | json 的区域的ng-model 是什么？
我添加了整个部分
你能提供一个 jsfiddle/pastbin 吗？如果没有所有部分，很难为您提供帮助……您如何初始化模型？你如何定义drinkTypes 数组？...谢谢

标签： javascript json angularjs

【解决方案1】：

您的 drink 对象未定义，因为您没有 for-each 选项... 所以只有<select> 之间的代码知道它；）

【讨论】：

谢谢！我实际上不确定您的意思，但我找到了解决方案。在控制器中，我有一个名为“drink”的函数，我想它会覆盖该对象。谢谢！