0

その点で、私はAngularJSとJavaScriptに非常に慣れていません。私が取り組んでいるチュートリアルの 1 つは、いくつかの名前を反復処理するもので、何らかの理由で機能していません。何をすべきかについて何か提案はありますか？以下は私のコードです。

<!doctype html>
<html lang="en" ng-app ng-controller="MainCtrl">
<head>
    <meta charset="utf-8">
    <title>Learning AngularJS: Controllers</title>
</head>
<body>
    <h1>The People App</h1>
    <h4>View People</h4>
    <ul>
        <li ng-repeat="person in people">
            from ,
        </li>
    </ul>

    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"></script>
    <script>
        function MainCtrl($scope) {
            $scope.people = [{
                    name: 'John Doe',
                    city: 'New York City',
                    state: 'New York'
                },{
                    name: 'John Smith',
                    city: 'Oklahoma City',
                    state: 'Oklahoma'
                },{
                    name: 'Henry Black',
                    city: 'Topeka',
                    state: 'Kansas'
            }];
        }
    </script>
</body>
</html>
4

3 に答える 3

3

スコープ変数を出力するには、次のように二重中括弧表記を使用する必要があります。

{{person}}

あなたの場合、次のような人の内部プロパティを取得したいと思います。

{{ person.name }}

あなたの例では、私が見るように、次のような情報を表示したいと考えています:

John Doe from New York City

これを行うには、次の例のように二重中括弧表記を使用する必要があります。

{{person.name}} from , {{person.city}}

さらに、AngularJS フィルター "json" を使用して、次のように json として出力された人のリストを表示できます。

{{ people | json  }}
于 2013-07-28T19:11:19.160 に答える
1

次の方法で、データをテンプレートにプラグインする必要があります。

<li ng-repeat="person in people">
    {{person.name}} from {{person.city}}, {{person.state}}
</li>
于 2013-07-28T20:20:37.087 に答える
1

あなたは書く必要があります：

<li ng-repeat="person in people">
    {{person.name}} {{person.city}} {{person.state}}
</li>
于 2013-07-28T19:07:59.870 に答える