将javascript变量传递给角度js中的ng-click事件

时间:2016-08-22 21:00:50

标签: javascript angularjs

我想在角度js中将Javascript变量传递给ng-click事件,但我得到空值。

以下是我需要传递给angular js的javascript变量

<script>

var userid = localStorage.getItem("userid");
var uName = localStorage.getItem("name");
var uage = localStorage.getItem("age");


<script>

下面是我的角度js控制器

<script>
app1 = angular.module('app1');

        app1.controller('mainCtrl',
                ['$scope', '$rootScope', function ($scope, $rootScope) {

               console.log("Data okay");

                    }]);

<script>

以下是将变量传递给NG-CLICK事件

的方法
<li ng-show=" ap in parkers | filter:{ name: uname } " id="userid"  ng-click="connect(userid,uname,uage)">
</li>

我怎样才能做到这一点并确保它能够正常运作。感谢

1 个答案:

答案 0 :(得分:1)

您的变量需要附加到控制器的$scope。删除变量并添加$scope变量,如下所示:

app1.controller('mainCtrl',
        ['$scope', '$rootScope', function ($scope, $rootScope) {

       console.log("Data okay");
       $scope.userid = localStorage.getItem("userid");
       $scope.uName = localStorage.getItem("name");
       $scope.uage = localStorage.getItem("age");
       $scope.connect = function(userId, uName, uAge){
           console.log('It worked!'); 
       }

}]);

请注意,connect功能还需要附加到$scope,以便通过ng-click进行调用。