在Angular页面加载时提交表单

Question

如果路线中指定了搜索字词，我想在页面加载时提交搜索表单。 问题是当search()运行时还没有定义searchForm 。 我已经看到其他人可以通过将ng-controller放在form元素上来使其工作，但是我在此页面上有多个表单，因此控制器必须是这些表单的父级。

调用search（）时，如何确保定义了表单？

myModule.controller('MyController', ['$scope', '$routeParams',
function($scope, $routeParams){
  $scope.model = {searchTerms: ""};

  $scope.search = function(){
      if($scope.searchForm.$valid){
          ...
      }
  };

  if($routeParams.terms !=""){
      $scope.model.searchTerms = $routeParams.terms;
      $scope.search();
  }
}]);

视图：

<div ng-controller="MyController">
  <form name="searchForm" ng-submit="search()">
      ...
  </form>
  <form name="detailForm" ng-submit="save()">
      ...
  </form>
</div>

Answer 1

这似乎可行：

$scope.$on('$routeChangeSuccess', function () {
    if($routeParams.terms !=""){
        $scope.model.searchTerms = $routeParams.terms;
        $scope.search();
    }
});

Answer 2

您是否尝试过仅在searchForm上使用$watch ？

if($routeParams.terms != "") {
    var unregister = $scope.$watch(function() {
        return $scope.searchForm;
    }, function() {
        // might want to wrap this an if-statement so you can wait until the proper change.
        unregister(); //stop watching
        $scope.model.searchTerms = $routeParams.terms;
        $scope.search();

    });
}