Question

// SERVICES
app.factory('searchFactory', ['$http', function($http) {
    return $http.post("/api", { tag: "food" });
}]);

// CONTROLLERS
app.controller('MainController', ['$scope', 'searchFactory', function ($scope, searchFactory) {
    $scope.submit = function () {
      searchFactory.then(function(response) {
        $scope.recipeData = JSON.parse(response.data);
      });
    };

// HTML
    <form ng-submit="submit()">
      <div class="form-group">
        <input type="text" ng-model="recipeTag" class="form-control" />
        <input type="submit" class="btn btn-primary" value="Find Recipes" />
      </div>
    </form>

有没有人知道如何使用ng-model中的$ scope.recipeTag替换＆＃34; food＆＃34;在工厂？我需要能够将表单输入作为参数传递给工厂。

Answer 1

您需要创建一个需要工厂参数的功能。

示例：

            var factory= {
                post: function(customTag) {
                    return $http.post("/api", { tag: customTag });
                }
            };
            return factory;

如何在Angular Factory和Controller

1 个答案: