如何通过Javascript注入访问Angular属性

时间:2016-03-07 02:38:39

标签: javascript angularjs javascript-injection

例如,假设我们有

<div class="row costBreakdown__shipping">
            <div class="small-8 medium-7 large-7 columns">Shipping:</div>
            <div class="small-4 medium-5 large-5 columns text-right" ng-switch="cart.isRated">
                <!-- ngSwitchWhen: true --><div ng-switch-when="true" class="ng-binding ng-scope">$8.48</div><!-- end ngSwitchWhen: -->
                <!-- ngSwitchWhen: false -->
            </div>
        </div>

如何在类costBreakdown__shipping中访问$ 8.48的值?我有

var x = $(".costBreakdown__shipping").eq(2).children().eq(1).children().eq(1) 

给了我

<!-- ngSwitchWhen: true --><div ng-switch-when="true" class="ng-binding ng-scope">$8.48</div>

但我怎样才能访问里面的值?

1 个答案:

答案 0 :(得分:0)

您是否尝试在分配值末尾使用.innerHTML x?

var x = $(".costBreakdown__shipping").eq(2).children().eq(1).children().eq(1).innerHTML 

如果您正在使用Angular,为什么不将它分配给变量并在“Shipping”控制器(或您正在使用的任何控制器)中声明它

<div ng-switch-when="true" class="ng-binding ng-scope">{{shippingCost}}</div>

在您的控制器中,您可以声明

$scope.shippingCost = '$8.48';

或者尝试运费= 8.48并在html

中的shippingCost上应用货币过滤器