爲什麼我不能將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樣式設置爲節點？

回答

相關問題