store一覧を画面表示できるようになった #5

sinmetal · May 19, 2013 · 0904919 · 0904919
1 parent 9504c32
commit 0904919
Show file tree

Hide file tree

Showing 3 changed files with 38 additions and 16 deletions.
diff --git a/index.html b/index.html
@@ -15,19 +15,41 @@
   <body>
     <div ng-controller="MainController">
   	  <h2>Hello AngularJS !!</h2>
-      <form ng-submit="submit()">
-        <select ng-model="entryForm.categoryId" ng-options="c.id as c.name for c in categories" ng-change="changeCategory()">
-          <option value="">-- chose category --</option>
-        </select>
-        <br />
-        <select ng-model="entryForm.itemId" ng-options="i.id as i.name for i in items">
-          <option value="">-- chose item --</option>
-        </select>
-        <br />
-        <input type="text" ng-model="entryForm.name"></input>
-        <br />
-        <button type="submit" class="btn">submit</button>
-      </form>
+      <div>
+        <table class="table">
+          <thead>
+            <tr>
+              <td>No</td>
+              <td>CategoryId</td>
+              <td>ItemId</td>
+              <td>Name</td>
+            </tr>
+          </thead>
+          <tbody ng-repeat="s in stores">
+            <tr>
+              <td>{{$index}}</td>
+              <td>{{s.CategoryId}}</td>
+              <td>{{s.ItemId}}</td>
+              <td>{{s.Name}}</td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+      <div>
+        <form ng-submit="submit()">
+          <select ng-model="entryForm.categoryId" ng-options="c.id as c.name for c in categories" ng-change="changeCategory()">
+            <option value="">-- chose category --</option>
+          </select>
+          <br />
+          <select ng-model="entryForm.itemId" ng-options="i.id as i.name for i in items">
+            <option value="">-- chose item --</option>
+          </select>
+          <br />
+          <input type="text" ng-model="entryForm.name"></input>
+          <br />
+          <button type="submit" class="btn">submit</button>
+        </form>
+      </div>
     </div>
     <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
     <script src="//code.angularjs.org/1.0.6/angular.min.js"></script>

diff --git a/js/main.js b/js/main.js
@@ -7,10 +7,11 @@
 
     $scope.stores = Store.query(function() {
       console.log("success store query");
+      console.log($scope.stores);
+      console.log($scope.stores[0].CategoryId);
     }, function(){
       console.log("error store query");
     });
-    console.log($scope.stores);
 
     $scope.changeCategory = function() {
       $scope.items = List.query({id : $scope.entryForm.categoryid}, function(){

diff --git a/process/store.go b/process/store.go
@@ -74,6 +74,5 @@ func get(w http.ResponseWriter, r *http.Request) {
 	}
 
 	c.Infof("%s", j)
-	//fmt.Fprintf(w, "%s", j)
-	fmt.Fprintf(w, "%s", "[{\"id\" : \"1\", \"name\" : \"キャベツ\"}]")
+	fmt.Fprintf(w, "%s", j)
 }