如何通过NG-点击功能传递范围的变量？ [英] How to pass scope variable through ng-click function?

问题描述

下面当我点击cartDetails动态范围的变量值x.SmId需要传递给波纹管功能和警告框需要我们。如何能做到这一点之一角JS来显示参数？

 ＆LT; D​​IV NG-应用=NG控制器=MyCtrl＆GT;
     ＆LT; D​​IV NG重复=X名称中＆GT;
       ＆LT; D​​IV NG点击=cartDetails（'{{x.SmId}}'）＆GT;
        ＆LT; D​​IV＆GT; {{x.name}}＆LT; / DIV＆GT;
       ＆LT; / DIV＆GT;
     ＆LT; / DIV＆GT;
    ＆LT; / DIV＆GT;＆LT;脚本＆GT;
 angular.module（'MyApp的'，[]）
.controller（'MyCtrl'，['$范围，$ HTTP'，函数（$范围，$ HTTP）{
  $ scope.search =功能（参数）{      $ http.get（'AngularJs-的response.jsp？中旬='+参数）.success（功能（响应）{
        $ scope.names =响应;
      }）;  };
  $ scope.cartDetails =功能（SMID）{
      警报（SMID）;
      };
}]）;
＆LT; / SCRIPT＆GT;
 

解决方案

使用简单： -

  NG-点击=cartDetails（x.SmId）
 

Here when i click on cartDetails the dynamic scope variable x.SmId value need to be passed to the bellow function and in alert box need to display the parameter .How can we do this one in angular js?

<div ng-app="" ng-controller="MyCtrl">
     <div ng-repeat="x in names">
       <div ng-click="cartDetails('{{x.SmId}}')">
        <div>{{x.name}}</div>
       </div>
     </div>
    </div>

<script>
 angular.module('MyApp', [])
.controller('MyCtrl', ['$scope', '$http', function($scope, $http) {
  $scope.search = function(param) {

      $http.get('AngularJs-Response.jsp?mid='+param).success(function(response) {
        $scope.names = response;        
      });

  };
  $scope.cartDetails = function(smid) {
      alert(smid);
      };
}]);
</script>

解决方案

Use simple:-

 ng-click="cartDetails(x.SmId)"

这篇关于如何通过NG-点击功能传递范围的变量？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！