我如何发送值当我点击按钮，服务器和弹出指令 [英] How i send value when i click button to server and popup directive

问题描述

  

当我点击我要标签数量的VAL发送到按钮
  在控制器中的FUNC getUserDetails和循环returnd数据
  在该指令和弹出到屏幕上的结果指示

 ＆LT; D​​IV NG控制器=索引控制器＆GT;
＆所述;标签ID =号＆GT; 5℃/标签＆gt;
＆LT;输入类型=按钮NG点击=getUserDetails（）＆GT;
＆LT; / DIV＆GT;
app.controller（'索引控制器'，['$范围'，函数（$范围）{
    $ scope.getUserDetails =功能（）{
        VAR的结果= $ http.get（/ getUserDetails？ID =+号）    }
}]）;
指示
＆LT;格在结果＆GT纳克重复米;
     ＆LT;标签＆gt; {{M.A}}＆LT; /标签＆gt;
      ＆LT;标签＆gt; {{} M.B}＆LT; /标签＆gt;
＆LT; / DIV＆GT;
 

解决方案

这就是你正在尝试做的？

HTML

 ＆LT; D​​IV NG控制器=索引控制器＆GT;
  ＆LT; D​​IV NG重复=用户用户列表＆GT;
     ＆LT;标签ID ={{user.number}}＆GT; {{user.number}}＆LT; /标签＆gt;
     ＆LT;输入类型=按钮NG点击=getUserDetails（{{user.number}}）＆GT;
  ＆LT; / DIV＆GT;
＆LT; / DIV＆GT;
 

JS

  app.controller（'索引控制器'，['$范围'，函数（$范围）{
    $ scope.getUserDetails =函数（数）{
        VAR httpPromise = $ http.get（？/ getUserDetails ID =+号）;
        httpPromise.then（功能（结果）{
            $ scope.detailsList = result.data.detailsList;
        }）赶上（功能（错误）{
            //记录错误
        }）;
    }
}]）;
 

When i click the button i want to send the val of label number to the func getUserDetails in controller and loop the data that returnd in result on the directive and popup to the screen the directive

<div ng-controller="IndexController">
<label id="number" >5</label>
<input type="button" ng-click="getUserDetails()" >
</div>


app.controller('IndexController', ['$scope', function ($scope) {   
    $scope.getUserDetails = function() {
        var result = $http.get("/getUserDetails?id=" + number)

    }   
}]);


directive 
<div ng-repeat m in result>
     <label>{{m.a}}</label>
      <label>{{m.b}}</label>
</div>

解决方案

Is this what you are trying to do?

HTML

<div ng-controller="IndexController">
  <div ng-repeat="user in userList">
     <label id="{{user.number}}">{{user.number}}</label>
     <input type="button" ng-click="getUserDetails({{user.number}})">   
  </div>
</div>

JS

app.controller('IndexController', ['$scope', function ($scope) {   
    $scope.getUserDetails = function(number) {
        var httpPromise = $http.get("/getUserDetails?id=" + number);
        httpPromise.then (function (result) {
            $scope.detailsList = result.data.detailsList;
        }).catch ( function (error) {
            //log error
        }); 
    }   
}]);

这篇关于我如何发送值当我点击按钮，服务器和弹出指令的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！