0

我正在尝试设置 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"

4

2 回答 2

0

试试这个（颜色有效，但我不确定）：

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 示例

于 2013-11-14T16:36:17.690 回答
0

该ngStyle指令接受具有样式名称的对象作为键，而不是字符串：

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

然后您的标记将起作用：

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

小提琴

于 2013-11-14T16:39:50.217 回答