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

Question

我想将 Javascript 变量传递给 Angular js 中的 ng-click 事件，但得到的是 null 值。

下面是我的 javascript 变量，需要传递给 Angular js

<script>

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


<script>

下面是我的 Angular js Controller

<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>

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

Answer 1

您的变量需要附加到 Controller 的$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 调用。