与带破折号的标签一起使用时,AngularJS ng-attr无法正常工作

时间:2016-08-25 03:12:26

标签: angularjs

我正在尝试使用$ scope中的值生成一个JS图表,但该值未在该特定标记中更新,因为它中有一个破折号,当我在上面的div中测试它以替换它时,它完美地工作使用$ scope的宽度值为100并且它可以工作,但只是没有使用此特定标记。有任何想法吗?

HTML

<div class="col-md-12 col-sm-12 col-xs-6" ng-controller="HomeCtrl">
    <div>
        <p>Option1</p>
        <div class="">
            <div class="progress progress_sm" style="width: 100%;">
                <div class="progress-bar bg-green" role="progressbar" ng-attr-data-transitiongoal="{{total | number:0}}"></div>
            </div>
        </div>
    </div>
</div>

这是来自控制器的代码,路由的服务器代码(用于从MongoDB中提取数据)完美地工作,因为我能够提取数据并且我已经能够使用console.log()来打印路线:

脚本

function HomeCtrl($scope, $http, $filter) {
    $scope.total = 0;
    var refresh = function() {
        $http.get("/homelist").success(function(response) {
            $scope.homelist = response;
            var homelista = $scope.homelist;
            for (var i = 0; i < homelista.length; i++) {
                var donedeals = homelista[i];
                $scope.total += (Number(donedeals.hgtgt));
            }
        };
        refresh();
    }
}

更重要的是,我能够将js文件中的数据与其他html标签一起使用,所以服务器或控制器根本不是问题,但它是Angular的一个bug或html标签缺少的东西

0 个答案:

没有答案