Javascript 具有嵌套属性的ng类
我在使用嵌套属性的Javascript 具有嵌套属性的ng类,javascript,html,angularjs,Javascript,Html,Angularjs,我在使用嵌套属性的ng类时遇到问题: 这项工作 ng-class="{'fullscreen': isFullScreen()}" 这不管用 ng-class="{'fullscreen': vm.isFullScreen()}" 我错过了什么明显的东西吗?我对其他指令没有任何问题,如ng if或ng switch 下面是一个解释问题的js提琴:编辑: 看到您对JSFIDLE进行了注释,您的示例运行良好 视图: css: 什么是vm?此外,console?vm中的任何错误都是我在作用域
ng类时遇到问题:
这项工作
ng-class="{'fullscreen': isFullScreen()}"
这不管用
ng-class="{'fullscreen': vm.isFullScreen()}"
我错过了什么明显的东西吗?我对其他指令没有任何问题,如ng if
或ng switch
下面是一个解释问题的js提琴:编辑:
看到您对JSFIDLE进行了注释,您的示例运行良好
视图:
css:
什么是vm
?此外,console?vm中的任何错误都是我在作用域上定义的pojo。如果我直接在作用域上定义isFullscreen()
函数(并且我使用第二个代码段),它工作正常;如果我在作用域上使用isFullscreen()
函数(并且使用第一个代码段)定义vm对象,它工作不正常。让我将一个JSFIDLE设置为Clear从您发布的内容中看不出任何明显的内容。您能显示控制器中的相关位吗?工作正常:是的,我的JSFIDLE中有一个输入错误。我想我真正的问题是打字,而不是在ng课上。。。
<div ng-app>
<div ng-controller="TestingCtrl">
<div ng-repeat="p in persons">
<input ng-model="p.name" ng-class="{'fancy' : p.isFullScreen()}">
</div>
</div>
</div>
function TestingCtrl($scope) {
$scope.persons = [{
name: 'Alice',
isFullScreen: function()
{
return false;
}
}, {
name: 'Bob',
isFullScreen: function()
{
return true;
}
}];
}
.fancy{
background:Yellow;
}