anglejsを使用してhtml要素内のテキストを取得する方法は？

Question

タイトルが言ったように、anglejを使って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を使用して価格を入力し、それに数量を掛けて合計の合計を表示しますか？

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>