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

このngStyleディレクティブは、文字列ではなく、スタイル名を持つオブジェクトをキーとして受け入れます。

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

次に、マークアップが機能します。

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

フィドル

于 2013-11-14T16:39:50.217 に答える
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>

プランカーの例

于 2013-11-14T16:36:17.690 に答える