Question

我正在尝试使用仪表标签显示电池电量指示灯。它适用于硬编码值但不适用于$ scope变量。这是jsfiddle

HTML

<div ng-app="app" ng-controller="main">
 <div id="page-wrapper">
    <p>
      <meter min="0" max="4" low="1" high="3" optimum="4" value="2"></meter>
    </p>
    <p>
      <meter min="0" max="4" low="1" high="3" optimum="4" value="value"></meter>
    </p>
 </div>
</div>

** JS *

angular.module("app", [])
.controller("main", ['$scope', function($scope) {
    $scope.value = 2
}])

Answer 1

根据你的小提琴做一些观察：

您忘了在您的小提琴中加入AngularJS库。
将$scope值转换为HTML。使用角度表达式{{value}}
将LOAD TYPE改为No wrap - in <head>从onLoad小提琴中的JAVASCRIPT部分。

<强> DEMO

从$ scope变量动态更改<meter>的值

1 个答案: