7

私はかなり単純なページを持っています.2つの静的jsonファイルを呼び出してデータを入力します.FFとクロムで気づいたのは、実行時にページでタグが表示され、1秒後に更新されることです(文字通り500ms後）

ここに短いビデオがあります。

http://screencast.com/t/RZhEIxKj5

滝はこんな感じ

http://screencast.com/t/Be3JvLIYK00P

コントローラーはこんな感じ

function HotelsController($scope, $http) {
  $http.get('data/hotels.json').then(function(res){
    $scope.hotels = res.data;                
    });
}


function ConfirmationsController($scope, $http) {
  $http.get('data/confirmations.json').then(function(res){
    $scope.confirmations =  res.data;
    if ($scope.confirmations.length > 0) {
        $scope.showConfirmations = "1";
        } 
    else {
        $scope.showConfirmations = "0";
        }             
    }); 
}

そして、ここに私のjsonがどのように見えるかがあります

[
    {
        "nights": 2,
        "hotel": "Hotel McCormick Place",
        "confirmationNumber": "2345J453",
        "checkIn": "18-Dec",
        "checkOut": "20-Dec",
        "roomType": "King, None-Smoking"
    },
    {
        "nights": 1,
        "hotel": "ABC Inn",
        "confirmationNumber": "1234567",
        "checkIn": "20-Dec",
        "checkOut": "21-Dec",
        "roomType": "Standard, None-Smoking"
    }
]

[
    {
        "name": "Empire Hotels",
        "img": "http://placehold.it/96x64",
        "address": "123 Main Street, Texas"
    },
    {
        "name": "Lemon Tree Hotel",
        "img": "http://placehold.it/96x64",
        "address": "123 Main Street, Texas"
    },
    {
        "name": "Palm Fiber",
        "img": "http://placehold.it/96x64",
        "address": "123 Main Street, Texas"
    }
]
4

1 に答える 1

11

クラスを使用ng-cloakして、このフラッシュを制御します。angularのFAQページで詳細なヘルプを確認してください — http://docs.angularjs.org/api/ng.directive:ngCloak

テンプレート内:

<div ng-app class="ng-cloak">
    …
</div>

CSS で:

.ng-cloak {
    opacity: 0;
}
于 2013-06-11T22:10:39.320 に答える