pass a value to javascript function from angular js

Question

I want to pass a value from Angular to a Javascript function. Angular code to render the element is:

<button class="btn btn-danger" ng-click="chatNow('{{patient.id}}');">Chat </button>

This correctly returns the HTML of button as

<button class="btn btn-danger" ng-click="chatNow('patient2');">Chat </button>

However, when I try to call the function with this param as

app.controller("VCController",function ($scope, $http,$window){
var t = $scope;
    t.chatNow = function(k) {
            console.log(k + "--"+$window.sessionStorage.getItem("docId"));
        };

});

This gives me the output on console as

{{patient.id}}--1

Any idea what am I missing? Thanks

@Tushar , where should I change? Can you please illustrate. Thanks — Satya
– Satya, Commented Dec 31, 2016 at 5:53

Sajeetharan · Accepted Answer · 2016-12-31 06:03:23Z

1

Try without expression

<button class="btn btn-danger" ng-click="chatNow(patient.id);">Chat </button>

DEMO

var app = angular.module('DemoApp', [])
app.controller('VCController', function($scope) {
  
 var t = $scope;
 t.patient ={id:1};
  t.chatNow = function(k) {
         console.log(k + "--");
 };
 
});

<!DOCTYPE html>
<html>
<head>
  <script data-require="[email protected]" data-semver="1.4.7" src="https://code.angularjs.org/1.4.7/angular.js"></script>
 </head>
<body ng-app="DemoApp" ng-controller="VCController">
 <button class="btn btn-danger" ng-click="chatNow(patient.id);">Chat </button>
</body>
</html>

answered Dec 31, 2016 at 6:03

Sajeetharan

223k65 gold badges369 silver badges409 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

user7358693 · Accepted Answer · 2016-12-31 06:31:46Z

Try this and console will thrown 2 for the id:

<!DOCTYPE html>
<html>
<head>
    <title>Hello World, AngularJS - ViralPatel.net</title>
    <script type="text/javascript"
        src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.1/angular.min.js"></script>
    <script>
    angular.module('app',[])
    .controller("VCController",function ($scope, $http,$window){

        var t = $scope;
        $scope.patient = {id: 2};
        t.chatNow = function(k) {
            console.log(k + "--"+$window.sessionStorage.getItem("docId"));

            };
    });
    </script>
</head>
<body>

<div ng-app="app">
    <div ng-controller="VCController">
        <button class="btn btn-danger" ng-click="chatNow(patient.id);">Chat </button>
    </div>
</div>


</body>
</html>

Collectives™ on Stack Overflow

pass a value to javascript function from angular js

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related