如何在angularjs中将参数传递给控制器？

Mikyas TADESSE

我目前正在使用均值栈编写一个简单的论坛网站。我正在显示给定主题的内容。为此，我使用ng模型，以便用户输入主题名称，然后查询mongodb。问题是刷新后，用户必须再次输入名称才能获得所需的内容。如何编码，以便用户选择主题并显示适当的内容？

戴夫·库珀

我将让您填写所需的空白（或者您可以提出其他问题），但是这里有一些Angular的基本代码，可以敲击端点并检索一些数据并将其显示在视图中。

您将需要Gustavo的答案中所述的UI Router。

应用-此处的配置将允许您刷新页面，并且仍然能够保留所需的主题。

angular.module('app', ['ui.router'])
  .config(function($stateProvider) {
    $stateProvider.state('topics', {
      url: '/topics/:topic',
      templateUrl: 'path_to_template.html',
      controller: 'myController'
    });
  });

服务-这将与您的API对话，后者将为您获取数据。

angular.module('app')
  .service('myService', function($http) {
    this.getInfo = function(topic) {
      return $http.get('path_to_api', { params: { topic: topic } });
    };
  });

控制器-这是将您的模板绑定到您的范围的工具，它将允许您显示结果。

angular.module('app')
  .controller('myController', function($scope, $stateParams, myService) {
    activate();

    function activate() {
      myService.getInfo($stateParams.topic)
        .then(function(result) {
          $scope.topicInfo = result;
        });
    }
  });

希望这对您有所帮助-很高兴回答您可能遇到的其他问题。

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。