2

私はAngular JSとzurbに非常に慣れていません.http://jsonplaceholder.typicode.com/usersにあるリモートjsonデータを表示するコントローラーを持っていますが、コントローラーの応答をzurbを使用して表の形式で表示したいと考えています。ユーザーが行をクリックすると、明らかにするモーダルがポップアップし、住所、電話番号など、特定のユーザーの完全な詳細が表示されますデータを表示しますが、zurb テーブルとグリッドを使用してフォーム テーブルに表示したいです。

<!DOCTYPE html>
<html>
<script src= "http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
<body>

<div ng-app="myApp" ng-controller="usersController"> 

<ul>
  <li ng-repeat="x in names">
    {{ x.id + ', ' + x.name + ', '+ x.username + ', '+ x.email}}
  </li>
</ul>

</div>

<script>
var app = angular.module('myApp', []);
app.controller('usersController', function($scope, $http) {
  $http.get(" http://jsonplaceholder.typicode.com/users")
  .success(function (data) {$scope.names = data;});
  });
</script>

</body>
</html>

4

1 に答える 1