Angular JS中的复杂模型绑定

Complex model binding in Angular JS

本文关键字:模型 绑定 复杂 JS Angular      更新时间:2023-09-26

嗨,我是 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 中使用复杂模型。

谁能帮我?

谢谢

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

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

data1 也位于控制器的作用域中。