angularjs – 将json字符串作为参数传递给ng-click

发布时间：2020-12-17 06:47:33 所属栏目：安全来源：网络整理

导读：我想将 JSON字符串传递给ng-click 这是JSON字符串： {"id":0,"parentID":0,"SubMenuItems":[],"imageName":"Icon.png","moduleName":"No Menu"} HTML： !DOCTYPE htmlhtml head script data-require="angular.js@*" data-semver="1.4.0-beta.4" src="https:/

我想将 JSON字符串传递给ng-click

这是JSON字符串：

{"id":0,"parentID":0,"SubMenuItems":[],"imageName":"Icon.png","moduleName":"No Menu"}

HTML：

<!DOCTYPE html>
<html>

  <head>
    <script data-require="angular.js@*" data-semver="1.4.0-beta.4" src="https://code.angularjs.org/1.4.0-beta.4/angular.js"></script>
    <link rel="stylesheet" href="style.css" />
    <script src="script.js"></script>
  </head>

  <body ng-app="app" ng-controller="appCtrl">
    <h1>Hello Plunker!</h1>
    <button ng-click="go({
      "id": 0,"parentID": 0,"SubMenuItems": [],"imageName": "Icon.png","moduleName": "No Menu"
    })">GOOOOOOOOOOOOOO!!!!!!!!!!</button>
  </body>

</html>

JS：
//代码在这里

var app = angular.module('app',[]);
app.controller('appCtrl',['$scope',function($scope) {

    $scope.go = function(parm) {
      alert('hi');
    };
  }
]);

PLUNKER

解决方法

有两个问题.首先,您需要在某个元素上声明ngController指令ng-controller =“appCtrl”.第二个是你必须在引号中使用ngClick属性,然后将没有引号的对象传递给go函数. Angular会明白你正在传递和反对：

<body ng-app="app" ng-controller="appCtrl">
    <h1>Hello Plunker!</h1>
    <button ng-click='go({
      "id": 0,"moduleName": "No Menu"
    })'>GOOOOOOOOOOOOOO!!!!!!!!!!</button>
</body>

演示：http://plnkr.co/edit/8WuuhbCaZBom05ep576K?p=preview

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!