Changing variable value dynamically with angularjs

Question

I am trying to learn angularjs.

I have the following controller,

   skillPopulator.controller('skillsetController', function(){
         this.skillType = language; //value to be changed
    });

language and database are jsons in custom.js within the wrapper where controller is present like

var language = {         
            name: 'Java, Javascript, HTML5, CSS3'
        }
var database = {         
            name: 'MySQL, Oracle, PostGres'
        }

I would like to change the value of skillType to database upon the event

$("#db-skill").hover();

1) If I do so, will the change get reflected on my {{skill.skillType.name}} without a refresh?

2) How would I do it?

Poyraz Yilmaz · Accepted Answer · 2014-07-19 07:07:09Z

1

if you want to use your variables at html side you should add them to $scope, so your basic jsons in controller like this has no meaning at html side, that is why you see no changes when you over your html item...

change your jsons to this...

$scope.language = {         
            name: 'Java, Javascript, HTML5, CSS3'
        }
$scope.database = {         
            name: 'MySQL, Oracle, PostGres'
        }

and here is a working PLUNKER...

answered Jul 19, 2014 at 7:07

Poyraz Yilmaz

5,8671 gold badge28 silver badges28 bronze badges

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

Comments

Raghavendra · Accepted Answer · 2014-07-19 05:28:14Z

0

You could use ng-mouseover See docs: https://docs.angularjs.org/api/ng/directive/ngMouseover

Instead of using this

$("#db-skill").hover();

use this:

<ANY id="db-skill" ng-mouseover="skillType = database"></ANY>

answered Jul 19, 2014 at 5:28

Raghavendra

5,4074 gold badges39 silver badges53 bronze badges

2 Comments

Prasanna Over a year ago

When I do that, it removes the current value. But it does not update it with the 'database.name' value. As if it is not able to find the json variable 'database'

Raghavendra Over a year ago

Can you provide a plunkr or fiddle?

Collectives™ on Stack Overflow

Changing variable value dynamically with angularjs

2 Answers 2

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related