0 
function ListServers($scope) {
    $scope.count = function() {
        return Object.keys(this.response.servers).length;
    };
    $scope.response={
        "status":true,
        "servers": {
            "vegas.domain.org": {
                "nickname":"Vegas VPS",
                "active":true,
                "frequency":5,
                "testers":['vegas','new-york'],
                "ports":{
                    "http":80,
                    "https":443
                }
            },
            "gains.domain.com": {
                "nickname": "Gains Shared Server",
                "active":false,
                "frequency":15,
                "testers":['vegas'],
                "ports":{
                    "http":80
                }
            }
        }
    };
}

これは私のJSです。Angular JS を含めた後の私の HTML 部分は次のようになります。

<div ng-app>
    <h1>Test Page</h1>
    <div ng-controller="ListServers">
        <span>Success? {{response.status}}</span><br/>
        <span>{{count()}} servers found:</span>
        <ol>
            <li ng-repeat='server in response.servers'>
                <strong>Nickname: </strong>{{server.nickname}}<br/>
                <strong>Is Active: </strong>{{server.active}}<br/>
                <strong>Freuency: </strong>{{server.frequency}} seconds<br/>
                <strong>Tests From: </strong>
                <ul>
                    <li ng-repeat='tester in server.testers'>
                        {{tester}}
                    </li>
                </ul>
                <strong>Ports: </strong>
                <ul>
                    <li ng-repeat='port in server.ports'>
                        {{port}}
                    </li>
                </ul>
                <br/>
            </li>
        </ol>
    </div>
</div>

ここでは、などの<li ng-repeat='server in response.servers'>値を読み取ることができますが、それ自体の値を読み取ることはできません。値vegas.domain.orgとgains.domain.comを期待しています。server.nicknameserver.frequencyserver

では、どうすれば値を取得できますか?

4

1 に答える 1

1

ng-repeat="(key, value) in expression"オブジェクトのキーと値を反復処理するために使用します。

<li ng-repeat="(domain, server) in response.servers">
  <strong>Domain: </strong>{{domain}}<br/>
  <strong>Nickname: </strong>{{server.nickname}}<br/>
  ...
</li>
于 2013-06-12T09:21:50.133 に答える