如何使用angularjs在html元素中獲取文本？

Question

如標題所述，如何使用angularjs在div內獲取文本？ IE：

<div class='container' ng-app=''>
    <input type='text' ng-model='qty'>
    <div class='price'></div>
    <div class='total'>{{qty * price}}</div>
</div>

輸入是可編輯的，並且可以用任何數字填充，而價格是固定的 ，不可編輯，但是對於每個項目而言都是不同的，現在我如何使用AngularJS獲取價格的內容並將其乘以輸入的數量並顯示總計div中的總計？

Answer 1

您需要在控制器中initialize值。

 function MyCtrl($scope) { $scope.price= $('.price').text(); $scope.qty=0; } 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> <div ng-app> <div ng-controller="MyCtrl"> <input type="text" ng-model='qty'> <div class="price">3.4</div> <div class='total'>Total: {{ qty * price }}</div> </div> </div>