AngularJS中具有多个参数的查询字符串

d8ta

我尝试在我的MEANJS应用程序中产生一个querystring。querystring应该包含可以通过ng-click更改的乘法参数。我在尝试为查询补充不同的参数时遇到一些问题,这是我到目前为止所做的。

    <md-list layout="column" layout-align="center" flex="100" ng-cloak>

  <!-- syllableCount -->
  <md-list-item>
    <label flex="20">Silbenanzahl</label>
      <md-button type="button" class="btn btn-sm min-width-45"
        ng-click="searchSpec('syllableCount=1')">1
      </md-button>
      <md-button type="button" class="btn btn-sm min-width-45"
        ng-click="searchSpec('syllableCount=2')">2
      </md-button>
      <md-button type="button" class="btn btn-sm min-width-45"
        ng-click="searchSpec('syllableCount=3')">3
      </md-button>
      <md-button type="button" class="btn btn-sm min-width-45"
        ng-click="searchSpec('syllableCount=4')">4
      </md-button>
  <md-divider ng-if="!$last"></md-divider>
</md-list-item>
<!-- end -->

  <!-- syllableStructur -->
  <md-list-item>
    <label flex="20">Silbenstruktur</label>
      <md-button type="button" class="btn btn-sm min-width-45"
        ng-click="searchSpec('syllableStructur=einfach')">einfach
      </md-button>
      <md-button type="button" class="btn btn-sm min-width-45"
        ng-click="searchSpec('syllableStructur=komplex')">komplex
      </md-button>
  <md-divider ng-if="!$last"></md-divider>
</md-list-item>
<!-- end -->

我为searchSpec函数的两个列表项实现了ng-click。参数(例如“ syllableCount = 2”)应放入控制器文件的querystring中:

    $scope.searchSpec = function(attr) {
     var result = $http.get('/api/words/?' + attr)
     .success(function(result) {
       $scope.searchWords = result; // will be used for ng-repeat
       console.log($scope.searchWords);
       console.log(attr);
  });
};

现在,它工作正常,如果我单击某个按钮中的一个,则会建立正确的查询,并且输出(在这种情况下)是一个单词列表,该单词的音节数为1,2,3或4或一个音节结构为einfach (简单)或komplex(复杂)。

我的目标是我可以拥有一个单词列表,比方说syllableCount 2和einfach的syllableStructure(简单)。

我为此尝试的是:

    $scope.searchCount = function(attr) {
     $scope.count = attr;
    };

    $scope.searchStruct = function(attr) {
     $scope.struct = attr;
    };

$scope.searchSpec = function(attr) {
  var result = $http.get('/api/words/?syllableCount=' + $scope.count + '&' + 'syllableStructur=' + $scope.struct)
  .success(function(result) {
    $scope.searchWords = result;
    console.log($scope.searchWords);
    console.log(attr);
  });
};

从按钮中的html中调用了这两个新函数,我尝试将结果隐藏为字符串。但是,它没有用。它没有显示结果(count = 2 AND struct = einfach),如果我像这样用硬编码输入它:var result = $http.get('/api/words/?syllableCount=' + 2 + '&' + 'syllableStructur=' + einfach)可以正常工作。

这是正确的方法,还是我在这里错了?

尼克·黄

在我看来,您$scope.searchwords每次http拨打电话(即每次单击(即调用searchSpec函数))都会重置该对象

什么$scope.searchWords如果您希望根据点击次数继续向其中添加数据,则最好制作一个数组并将其压入该数组,即

$scope.searchSpec = function(attr) {
  var result = $http.get('/api/words/?syllableCount=' + $scope.count + '&' + 'syllableStructur=' + $scope.struct)
  .success(function(result) {
    $scope.searchWords.push(result.data);
  });
};

只要确保每次获得结果时都不要重新分配$ scope.whatever对象即可。

$scope.searchSpec = function(attr) {
  var result = $http.get('/api/words/?syllableCount=' + $scope.count + '&' + 'syllableStructur=' + $scope.struct)
  .success(function(result) {
    $scope[attr].push(result.data);
  });
};

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

AngularJS中具有多个参数的查询字符串

来自分类Dev

angularjs中的多个查询字符串参数

来自分类Dev

字符串中没有足够的参数,多个 IN 子句在来自 Python 的 MySQL 查询中具有列表值

来自分类Dev

如何在R中解析和构建具有多个值参数的URL查询字符串

来自分类Dev

Symfony的HttpClient的GET与多个查询字符串参数具有相同名称的要求

来自分类Dev

在ASP.NET Core Web Api中具有带有多个查询字符串参数的多个get-method

来自分类Dev

VB.NET查询字符串具有参数

来自分类Dev

具有多个参数的字符串的通用重写规则

来自分类Dev

具有多个参数的Android复数字符串

来自分类Dev

具有多个连接参数的MySQL的连接字符串?

来自分类Dev

端点查询字符串参数中的多个“ where子句”

来自分类Dev

过滤查询字符串中的多个参数

来自分类Dev

端点查询字符串参数中的多个“ where子句”

来自分类Dev

如何在SQL中查询具有位置的多个子字符串?

来自分类Dev

如何在JSP中传递没有查询字符串的查询字符串参数?

来自分类Dev

编码在查询字符串中具有Xpath的url

来自分类Dev

Swift中的Println与具有字符串参数的方法

来自分类Dev

如何在路由解析中包括查询字符串,以允许具有相同方法,路由和查询字符串的多个操作?

来自分类Dev

在标签中显示具有多个属性的字符串

来自分类Dev

字符串Concat与查询中的子字符串-哪个具有更好的性能?

来自分类Dev

在具有多个'\ n的字符串中查找子字符串

来自分类Dev

在具有多个'\ n的字符串中查找子字符串

来自分类Dev

查询字符串参数中的斜线?

来自分类Dev

查询字符串参数中的斜线?

来自分类Dev

.htaccess在多个查询字符串中

来自分类Dev

在AngularJS中删除查询字符串

来自分类Dev

具有查询字符串参数的Kubernetes活动性探针

来自分类Dev

Nutch不会对具有查询字符串参数的URL进行爬网

来自分类Dev

具有参数占位符的C#SQLite查询字符串

Related 相关文章

  1. 1

    AngularJS中具有多个参数的查询字符串

  2. 2

    angularjs中的多个查询字符串参数

  3. 3

    字符串中没有足够的参数,多个 IN 子句在来自 Python 的 MySQL 查询中具有列表值

  4. 4

    如何在R中解析和构建具有多个值参数的URL查询字符串

  5. 5

    Symfony的HttpClient的GET与多个查询字符串参数具有相同名称的要求

  6. 6

    在ASP.NET Core Web Api中具有带有多个查询字符串参数的多个get-method

  7. 7

    VB.NET查询字符串具有参数

  8. 8

    具有多个参数的字符串的通用重写规则

  9. 9

    具有多个参数的Android复数字符串

  10. 10

    具有多个连接参数的MySQL的连接字符串?

  11. 11

    端点查询字符串参数中的多个“ where子句”

  12. 12

    过滤查询字符串中的多个参数

  13. 13

    端点查询字符串参数中的多个“ where子句”

  14. 14

    如何在SQL中查询具有位置的多个子字符串?

  15. 15

    如何在JSP中传递没有查询字符串的查询字符串参数?

  16. 16

    编码在查询字符串中具有Xpath的url

  17. 17

    Swift中的Println与具有字符串参数的方法

  18. 18

    如何在路由解析中包括查询字符串,以允许具有相同方法,路由和查询字符串的多个操作?

  19. 19

    在标签中显示具有多个属性的字符串

  20. 20

    字符串Concat与查询中的子字符串-哪个具有更好的性能?

  21. 21

    在具有多个'\ n的字符串中查找子字符串

  22. 22

    在具有多个'\ n的字符串中查找子字符串

  23. 23

    查询字符串参数中的斜线?

  24. 24

    查询字符串参数中的斜线?

  25. 25

    .htaccess在多个查询字符串中

  26. 26

    在AngularJS中删除查询字符串

  27. 27

    具有查询字符串参数的Kubernetes活动性探针

  28. 28

    Nutch不会对具有查询字符串参数的URL进行爬网

  29. 29

    具有参数占位符的C#SQLite查询字符串

热门标签

归档