将输入字段值传递给angularjs $ resource undefined,错误显示未知范围提供程序

时间:2014-08-01 15:11:36

标签: javascript angularjs angularjs-scope angular-resource angularjs-factory

=============================================== ============================

更新1 固定代码产生

的新错误
ReferenceError: inputName is not defined

 inputName:inputName,

以下是新代码

<script src="/library/angularjs/1.2.0-rc.3/angularjs.js"></script>
<script src="/library/angularjs/1.2.0-rc.3/angular-route.js"></script>
<script src="/library/angularjs/1.2.0-rc.3/angular-resource.js"></script>
<script>
var app= angular.module('myApp', ['ngRoute', 'ngResource']);
app.factory('Greeter', ['$resource',function($resource){
  return $resource(
    'http://123.com/processor.php',
    {
      inputName:inputName,
      callback: 'JSON_CALLBACK'

    },
    {
      query: {method:'GET',isArray:true}
    });
}]);

app
.controller('MyCtrl', ['$scope', 'Greeter',
  function($scope,Greeter){
  /*alert("yes");*/
  $scope.greet = function(){
    //alert("greetttt");
    alert("before greeeter"+$scope.inputName);
    Greeter.query(
      {inputName:$scope.inputName},
      function(response){
        alert(response[0].myCodeId);
        $scope.output=response[0].myCodeId;
      }
    );
  };
}]);
</script>
<div ng-app="myApp">
  <div ng-controller="MyCtrl">
  Your name:
    <input type="text" ng-model="inputName" name="myInput" value="World"/>
    <button ng-click="greet()">greet</button>

  <div>
  Test Output Here

    {{output}}

  </div>
  </div>
</div>

我想知道我在哪里弄错了?

由于

2 个答案:

答案 0 :(得分:1)

http://plnkr.co/edit/CKgWrson3IbMugRKdX5p?p=preview

我修正了其他人在评论中指出的一些问题。

从工厂中删除$ scope。在这里,您将获得一个通用$ scope对象,但不是实际范围。你将在控制器中得到它。 当您使用query()调用angular资源时,第一个参数已经是param。但你可以像以前一样指定常见的参数。

function($resource) {
  return $resource('mocked-resource.json', {
    callback: 'JSON_CALLBACK'
  }, {
    query: {
      method: 'GET',
      isArray: true
    }
  });

希望这有帮助。

答案 1 :(得分:0)

inputName:inputName,

第二个inputName是指不存在的变量。我认为这条线可以完全删除。但这取决于你想要达到的目标。