Angular: test for [object Object] issue.

by Adam Patridge

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.8/angular.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<div ng-controller="Something">
    <div>
        <form name="someForm">
            <div>
                <label for="testvalue1">{{testObject1.testValue1}}</label>
                <input type="text" ng-model="testObject1.testValue1" id="testvalue1" />
            </div>
            <div>
                <label for="testvalue2">{{testObject1.testValue2}}</label>
                <input type="text" ng-model="testObject1.testValue2" id="testvalue2" />
            </div>
        </form>
    </div>
    <div>
        <div>
            <label for="testvalue3">{{testObject2.testValue3}}</label>
            <input type="text" ng-model="testObject2.testValue3" id="testvalue3" />
        </div>
        <div>
            <label for="testvalue4">{{testObject2.testValue4}}</label>
            <input type="text" ng-model="testObject2.testValue4" id="testvalue4" />
        </div>
    </div>
</div>

JavaScript

var app = angular.module("app", []);

function Something($scope) {
    $scope.testObject1 = {
        testValue1: "test1",
        testValue2: "test2",
    };
    $scope.testObject2 = {
        testValue3: "test3",
        testValue4: "test4",
    };
}