Javascript ng类何时结束表达式计算并应用该类?
我正在尝试实现类似于全屏模式的功能:使用一个按钮触发全屏模式,然后使用另一个按钮返回 主题:Javascript ng类何时结束表达式计算并应用该类?,javascript,angularjs,angularjs-scope,ng-class,Javascript,Angularjs,Angularjs Scope,Ng Class,我正在尝试实现类似于全屏模式的功能:使用一个按钮触发全屏模式,然后使用另一个按钮返回 主题: <div ng-class="{full: !presentationMode}"> <div id="child-div>content</div> //div has 100% height </div> 我该如何处理这种情况 这里有一个问题:你有一个语法: 你应该在“”中输入你的类名 您得到了一个语法: 你应该在“”中输入你的类
<div ng-class="{full: !presentationMode}">
<div id="child-div>content</div> //div has 100% height
</div>
我该如何处理这种情况
这里有一个问题:你有一个语法:
你应该在“”中输入你的类名
您得到了一个语法:
你应该在“”中输入你的类名
实际上,似乎存在一个范围摘要循环问题:在应用类之前,我试图访问div的高度,所以这就是为什么我总是得到previous(height)值
解决方案是在$timeout函数中获取div的高度,没有延迟,但invokeApply设置为false(默认值为true)
实际上,似乎存在一个范围摘要周期问题:在应用类之前,我试图访问div的高度,所以这就是为什么我总是得到前一个(高度)值 解决方案是在$timeout函数中获取div的高度,没有延迟,但invokeApply设置为false(默认值为true)
没用。如果类名不包含破折号,这无关紧要!没用。如果类名不包含破折号,这无关紧要!
$scope.present = () => {
$scope.presentationMode = !$scope.presentationMode;
var myDiv = angular.element('#container');
// when $scope.presentationMode is true
// myDiv.height() is not the height set by the "full" class, but it is always reversed (the previous value)
// It !sometimes! work if I use $timeout.
}
$timeout(function() {
console.log(myDiv.height()); //has correct value
}, 0, false);