打印陣列（角JS）

我有對象的這樣一個數組：打印陣列（角JS）

$scope.sales = [ 
{id: 15, location:'neverland'}, 
{id: 16, location:'farawayland'}, 
{id: 17, location:'highland'} 
];

這陣我想在一個表中顯示，它應該是這樣的：

id |地點

15 | neverland

16 | farrawayland

17 |高地

我的HTML：

<input type="text" ng-model="sales[0].id"> 
<table class="table table-hover"> 
    <tr ng-repeat="x in sales"> 
     <td>{{x.id}}</td> 
     <td>{{x.location}}</td> 
    </tr> 


</table>

輸入字段具有值15被打印。如果我也問第二或第三個值，它會起作用。但該表由3個空行組成。

如果我添加一個索引（即使是<td>{{x[0].id}}</td>），我得到一個服務器錯誤。

來源

2016-09-28 Lazarus Rising

右擊並選擇「檢查元素」。這將清楚說明內容是否真的存在，但只是沒有顯示。如果您的CSS不合適，可能會發生這種情況。 –

@Amyblankenship已經做到了。沒有內容，只是空的 –

你顯示的應該可以正常工作。創建一個演示，重現這一點......非常簡單，可以將其設置在運動中 – charlietfl

它適用於我，請檢查它here。

也許你錯過了別的東西。

<!DOCTYPE html> 
<html ng-app="app"> 

<head> 
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js"></script> 
    <script type="text/javascript" src="script.js"></script> 
</head> 

<body ng-controller="Controller"> 
    <input type="text" ng-model="sales[0].id"> 
    <table class="table table-hover"> 
    <tr ng-repeat="x in sales"> 
     <td>{{x.id}}</td> 
     <td>{{x.location}}</td> 
    </tr> 
    </table> 
</body> 

</html>

的script.js

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

app.controller("Controller", ['$scope', function($scope) { 

    $scope.sales = [{ 
    id: 15, 
    location: 'neverland' 
    }, { 
    id: 16, 
    location: 'farawayland' 
    }, { 
    id: 17, 
    location: 'highland' 
    }]; 

}]);

來源

2016-09-28 20:45:38

打印陣列（角JS）

回答

相關問題