2015-02-11 76 views
5

我想JSON字符串傳遞到NG單擊通JSON字符串作爲參數傳入NG單擊

這裏是JSON字符串:

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

HTML:

 <!DOCTYPE html> 
<html> 

    <head> 
    <script data-require="[email protected]*" 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

回答

4

有兩個問題。首先是您需要在某些元素上聲明ngController指令ng-controller="appCtrl"。第二個是你必須在引號中取ngClick屬性,然後將不帶引號的對象傳遞給go函數。角會明白,你是傳球和對象:

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

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