Complex model binding in Angular JS

Question

Hi I am new to Angular Js. I have a model like below

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

Below is my simple 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 is like below

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

But it is not pushed into the arrary. What went wrong and How to use complex models in Angular Js.

Can any one help me?

Thanks,

Naeem Shaikh · Accepted Answer · 2014-11-25 12:51:36Z

1

here http://jsfiddle.net/U3pVM/10708/

Use

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

data1 also lies in the scope of the controller.

answered Nov 25, 2014 at 12:51

Naeem Shaikh

15.8k8 gold badges53 silver badges92 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Complex model binding in Angular JS

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related