how to use Angular JS variable in javascript

Question

I am working on a project in this i have to use a function for taging a friend in Angular JS ng-repeat and the function is written on javascript so i am confused that i want to pass id which is belong to angular js variablr called c.Parent.id and i want to use that in javascript function here is my function

 <script>

  $(document).ready(function()
  {
        var start=/@/ig;
        var word=/@(\w+)/ig;

    $("# -->>> HERE I WANT TO USE THAT ANGULAR JS VARIABLE <<<--").live("keyup",function() 
    {
        var content=$(this).text();
        var go= content.match(start);
        var name= content.match(word);
        var dataString = 'searchword='+ name;

        if(go.length>0)
        {
            $("#msgbox").slideDown('show');
            $("#display").slideUp('show');
            $("#msgbox").html("Type the name of someone or something...");
            if(name.length>0)
            {
                $.ajax({
                        type: "POST",
                        url: "<?php echo base_url(); ?>index.php/ItemDetail/getfriends",
                        data: dataString,
                        cache: false,
                        success: function(html)
                        {
                            $("#msgbox").hide();
                            $("#display").html(html).show();
                        }
                });

            }
        }
        return false();
    });

    $(".addname").live("click",function() 
    {   

        var username=$(this).attr('title');
        var id=$(this).attr('name');
        var old=$("#685").html();
        var content=old.replace(word,""); 
        $("# -->>> HERE I WANT TO USE THAT ANGULAR JS VARIABLE <<<--").html(content);
        var E="<a class='red' contenteditable='false' href='<?php echo base_url(); ?>index.php/user/wall/"+id+"' >"+username+"</a>";
        $("# -->>> HERE I WANT TO USE THAT ANGULAR JS VARIABLE <<<--").append(E);
        $("#display").hide();
        $("#msgbox").hide();
        $("# -->>> HERE I WANT TO USE THAT ANGULAR JS VARIABLE <<<--").focus();
    });

});

</script>

Possible duplicate of Pass Angular scope variable to Javascript — FuePi
– FuePi, Commented Jun 3, 2016 at 13:15

Community · Accepted Answer · 2017-05-23 10:34:03Z

1

I think you can do it like this.

var scope = angular.element($("#outer")).scope();
    scope.$apply(function(){
        scope.msg = 'Superhero';
    })

Source: AngularJS access scope from outside js function

edited May 23, 2017 at 10:34

CommunityBot

11 silver badge

answered Jun 3, 2016 at 12:24

HarlemSquirrel

10.3k5 gold badges37 silver badges35 bronze badges

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

Comments

buggy1985 · Accepted Answer · 2016-06-03 12:29:06Z

0

$scope variables are only available within the AngularJS Controller. If you really need to mix jQuery logic with AngularJS, then you could assign the value of your variable to a global variable.

var globalScope = {};

app.controller('MyCtrl',function($scope)) {
   globalScope.prentId = $scope.c.Prent.id;
}

But my advice would be to put your application logic in the AngularJS Controller and don't mix it with jQuery.

answered Jun 3, 2016 at 12:29

buggy1985

9691 gold badge8 silver badges26 bronze badges

2 Comments

Rashid Hussain Over a year ago

how to use this variable globalScope in javascript can you please explain it i want top use it in $(# HERE)

buggy1985 Over a year ago

Try with $("#"+globalScope.prentId)

Collectives™ on Stack Overflow

how to use Angular JS variable in javascript

2 Answers 2

Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related