1

我开始研究一个小 AngularJS - Philips Hue 项目，我有点卡住了......

我对 AngularJS 还很陌生……但是就这样吧。

我想做的是列出我拥有的灯、灯的状态和切换它们的切换器。

我决定建立一个工厂（基于这篇文章：http ://davidsalter.com/2013/08/16/using-angular-dot-js-factories-to-get-remote-data/ ）来获取数据/放：

app.factory('lampsFactory', function($http) {
  return {
      getLamps: function(callback) {
          $http.get('http://172.16.0.2/api/newdeveloper/lights').success(callback);
      },
      getLampState: function(callback, lampID) {
          $http.get('http://172.16.0.2/api/newdeveloper/lights/'+ lampID).success(callback);
      }
  };
});

getLamps 函数可以正常工作，但我不知道如何根据 id 获取灯数据。我试图添加一个额外的参数，但没有奏效。

你能帮我把我推向正确的方向吗？

我也有一个 plunker：http ://plnkr.co/edit/ySa0PVBahM7sxU4lasgP

谢谢！

4

1 回答 1

0

我已将代码更改为：

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

app.controller('MainCtrl', function($scope, lampsFactory) {

  lampsFactory.getLamps(function(results) {
      $scope.lamps = results;
  });

  $scope.getLampState = function(lampID){
    lampsFactory.getLampState(function(results) {
      console.log(results.state.on);
      return results.state.on;
  },lampID);
  };


});

app.factory('lampsFactory', function($http) {
  return {
      getLamps: function(callback) {
          $http.get('http://172.16.0.2/api/newdeveloper/lights').success(callback);
      },
      getLampState: function(callback, lampID) {
          $http.get('http://172.16.0.2/api/newdeveloper/lights/'+ lampID).success(callback);
      }
  };
});

它有效！谢谢！

于 2014-03-01T14:59:45.653 回答