angularjs嵌套数组未定义

Question

I am trying to create a twitter clone with angularjs. For now the data is mocked in arrays.

How can I reach the nested array? the only error I found was

"Cannot read property '#' of undefined"

The array is named users, which contains all of the data about a user, including the tweets in a nested array

Or is there a way to reach a certain item using something like user[x].name where x is the array index

The HTML looks like this:

<div ng-repeat="user in users">
<div class="row" >
    <div class="col-md-9">
        <fieldset>
            <legend>S0</legend>
            <img src="{{user.image}}" alt="no image" style="float:left;width:50px;height:50px;margin-right:20px;">
            <h1>{{user.name}}</h1>
        </fieldset>
    </div>
    <div class="col-md-3">
        <fieldset>
            <legend>S2 Details</legend>
            Name: {{user.name}}<br>
            Location: {{user.location}}<br>
            Web: {{user.web}}<br>
            Bio: {{user.bio}}
        </fieldset>
    </div>
    <div class="col-md-9">
        <fieldset>
            <legend>S1 Tweets</legend>
            <ul>
                <li ng-repeat="tweet in user.tweets">
                    {{user.name}}
                    {{user.tweet.date}}
                    <br>
                    {{users[1].tweet.text}}
                </li>
            </ul>
        </fieldset>
    </div>
    <div class="col-md-3">
        <fieldset>
            <legend>S3</legend>
        </fieldset>
    </div>
    <div class="col-md-3">
        <fieldset>
            <legend>S4 Following</legend>
        </fieldset>
    </div>
</div>

The data/array is stored like this:

angular.module('myApp.tweets', ['ngRoute'])

    .config(['$routeProvider', function ($routeProvider) {
            $routeProvider.when('/tweets', {
                templateUrl: 'tweets/tweets.html',
                controller: 'tweetsCtrl'
            });
        }])

    .controller('tweetsCtrl', ['$scope', function ($scope) {
            $scope.users[
                    {id: "1",
                        name: "userAbc",
                        location: "hugecity",
                        web: "www.abc.nl",
                        bio: "Hey welcome on my profile",
                        image: "http://upload.wikimedia.org/wikipedia/commons/a/ac/No_image_available.svg",
                        tweets: [
                            {date: "08/03/2015", text: "bericht 4"},
                            {date: "07/03/2015", text: "bericht 3"},
                            {date: "06/03/2015", text: "bericht 2"},
                            {date: "05/03/2015", text: "bericht 1"}
                        ]},
            {id: "2",
                name: "userDef",
                location: "hugecity",
                web: "www.abc2.nl",
                bio: "Hey welcome to my profile",
                image: "http://upload.wikimedia.org/wikipedia/commons/a/ac/No_image_available.svg",
                tweets: [
                    {date: "08/03/2015", text: "bericht 4"},
                    {date: "07/03/2015", text: "bericht 3"},
                    {date: "06/03/2015", text: "bericht 2"},
                    {date: "05/03/2015", text: "bericht 1"}
                ]}
            ];
        }]);

Answer 1

You can change the $scope.users to the following code :

  $scope.users = [
                {id: "1",
                    name: "userAbc",
                    location: "hugecity",
                    web: "www.abc.nl",
                    bio: "Hey welcome on my profile",
                    image: "http://upload.wikimedia.org/wikipedia/commons/a/ac/No_image_available.svg",
                    tweets: [
                        {date: "08/03/2015", text: "bericht 4"},
                        {date: "07/03/2015", text: "bericht 3"},
                        {date: "06/03/2015", text: "bericht 2"},
                        {date: "05/03/2015", text: "bericht 1"}
                    ]},
        {id: "2",
            name: "userDef",
            location: "hugecity",
            web: "www.abc2.nl",
            bio: "Hey welcome to my profile",
            image: "http://upload.wikimedia.org/wikipedia/commons/a/ac/No_image_available.svg",
            tweets: [
                {date: "08/03/2015", text: "bericht 4"},
                {date: "07/03/2015", text: "bericht 3"},
                {date: "06/03/2015", text: "bericht 2"},
                {date: "05/03/2015", text: "bericht 1"}
            ]}
        ];

Answer 2

Your type missing "=" after $scope.users

$scope.users=[
                    {id: "1",
                        name: "userAbc",
                        location: "hugecity",
                        web: "www.abc.nl",
                        bio: "Hey welcome on my profile",
                        image: "Hello",
                        tweets: [
                            {date: "08/03/2015", text: "bericht 4"},
                            {date: "07/03/2015", text: "bericht 3"},
                            {date: "06/03/2015", text: "bericht 2"},
                            {date: "05/03/2015", text: "bericht 1"}
                        ]},
            {id: "2",
                name: "userDef",
                location: "hugecity",
                web: "www.abc2.nl",
                bio: "Hey welcome to my profile",
                image: "kjh",
                tweets: [
                    {date: "08/03/2015", text: "bericht 4"},
       [enter link description here][1]             {date: "07/03/2015", text: "bericht 3"},
                    {date: "06/03/2015", text: "bericht 2"},
                    {date: "05/03/2015", text: "bericht 1"}
                ]}
            ];
        }]);

Plunker