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

Question

例如，假设我们有

<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">.48</div><!-- end ngSwitchWhen: -->
                <!-- ngSwitchWhen: false -->
            </div>
        </div>

如何访问 class costBreakdown__shipping 中的值 $8.48？我有

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

这给了我

<div ng-switch-when="true" class="ng-binding ng-scope">.48</div>

但是我将如何访问其中的值？

Answer 1

您是否尝试过在 x 的赋值末尾使用 .innerHTML？

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 = '.48';

或者尝试运费 = 8.48 并在 html

中对运费应用货币过滤器

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

How to access Angular attribute via Javascript injection

javascript

javascript-injection

angularjs