为什么我不能将ng样式设置为节点？

的javascript：

$offset='top:'+info.scrollTop+'px'; 
$scope.scrollTop = $offset; 
console.log($scope);

标记：

<div ng-controller="Legal" ng-style="scrollTop" class="footer">

上的console.log范围包含一个名为scrollTop的与价值"top:0px"节点

来源

2013-11-14 Himmators

不'scrollTop'需要是一个对象，例如'{top：'0px'}'？ – hiattp

也不起作用。 – Himmators

像它不显示在div中？尝试设置'scrollTop = {top：'0px'}'。 – hiattp

试试这个（颜色的作品，但顶部我不知道）：

的JavaScript：

angular.module('App', []); 

function Legal($scope) { 
    var offset = {color:'red', top: '100px'}; 
    $scope.scrollTop = offset; 
    console.log($scope.scrollTop); 
}

HTML：

<!doctype html> 
<html ng-app="App"> 

<head> 
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.0/angular.min.js"></script> 
    <script type="text/javascript" src="script.js"></script> 
</head> 

<body> 
    <div ng-controller="Legal" ng-style="scrollTop" class="footer">Test {{scrollTop}}</div> 
</body> 

</html>

Plunker example

来源

2013-11-14 16:36:17 lukpaw

的ngStyle指令接受与样式名称作为关键字，而不是一个字符串对象：

$offset= info.scrollTop+'px'; 
$scope.scrollTop = {top: $offset};

然后你标记将起作用：

<div ng-controller="Legal" ng-style="scrollTop" class="footer">

Fiddle

来源

2013-11-14 16:39:50 hiattp

为什么我不能将ng样式设置为节点？

回答

相关问题