如何使用angularjs在html元素中获取文本?

时间:2017-01-16 10:26:50

标签: javascript html angularjs

正如标题所说,我如何使用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中的总数?

1 个答案:

答案 0 :(得分:2)

您需要控制器中的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>