用angularjs动态改变变量值

Question

我正在努力学习安古拉杰。

我有下面的控制器，

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

language和database是包装器中custom.js中的json，其中的控制器如下所示

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

我想在事件发生时将skillType的值更改为database

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

1)如果我这样做，更改是否会在不刷新的情况下反映在我的{{skill.skillType.name}}上？

2)我该怎么做？

Answer 1

如果你想在HTML端使用你的变量，你应该将它们添加到$scope中，这样你在控制器中的基本json在HTML端就没有意义了，这就是为什么当你在你的html项目上看不到变化的原因……

把你的json改成这个...

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

这是一个有效的PLUNKER。

Answer 2

您可以使用ng-mouseover查看文档：https://docs.angularjs.org/api/ng/directive/ngMouseover

而不是使用这个

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

使用以下命令：

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