javascript - Angular JS 中的复杂模型绑定(bind)

Question

嗨，我是 Angular Js 的新手。我有一个像下面这样的模型

$scope.data = {
            FocusOn: "",
            Filters: [
                {
                    FilterName: "",
                    FilterValue: ""
                }
            ],
            Range: {
                From: "",
                To: ""
            }
        }

下面是我的简单 HTML，

<select ng-model="data1.Filters.FilterName" ng-options="day for day in days"></select>
                <input type="text" ng-model="data1.Filters.FilterValue"/>
                <button ng-click="addField()">Add Field</button>

JS如下

$scope.data.Filters.push(data1);

但它并没有被插入阵列。出了什么问题以及如何在 Angular Js 中使用复杂模型。

谁能帮我？

谢谢，

Answer 1

这里 http://jsfiddle.net/U3pVM/10708/

采用

$scope.data.Filters.push($scope.data1);

data1 也位于 Controller 的范围内。