الزاوي جس تحديث حقل الإدخال بعد التغيير

Question

أحاول بناء آلة حاسبة بسيطة في الزاوي الذي يمكنني تجاوز المجموع إذا أردت.لدي هذا الجزء يعمل ولكن عندما أعود بعد ذلك لإدخال رقم في الحقول واحد أو اثنين لا يتم تحديث المجموع في الحقل.

هنا هو جسفيدل بلدي http://jsfiddle.net/YUza7/2/

النموذج

<div ng-app>
  <h2>Calculate</h2>

  <div ng-controller="TodoCtrl">
    <form>
        <li>Number 1: <input type="text" ng-model="one">  
        <li>Number 2: <input type="text" ng-model="two">
        <li>Total <input type="text" value="{{total()}}">       
        {{total()}}
    </form>
  </div>
</div>

جافا سكريبت

function TodoCtrl($scope) {
    $scope.total = function(){
        return $scope.one * $scope.two;
    };
}

Answer 1

يمكنك إضافة ng-change التوجيه إلى حقول الإدخال.إلقاء نظرة على المستندات مثال.

Answer 2

أظن أنه عند إدخال قيمة في حقل الإجماليات ، يتم الكتابة فوق تعبير القيمة بطريقة ما.

ومع ذلك ، يمكنك اتباع نهج بديل:إنشاء حقل للقيمة الإجمالية وعندما إما one أو two التغييرات تحديث هذا الحقل.

<li>Total <input type="text" ng-model="total">{{total}}</li>

وتغيير جافا سكريبت:

function TodoCtrl($scope) {
    $scope.$watch('one * two', function (value) {
        $scope.total = value;
    });
}

مثال كمان هنا.

Answer 3

كتبت توجيها يمكنك استخدامه لربط نموذج NG على أي تعبير تريده.كلما تغير التعبير، يتم تعيين النموذج إلى القيمة الجديدة. giveacodicetagpre.

يمكنك استخدامه في قوالبك مثل هذا: giveacodicetagpre.

Answer 4

تحتاج فقط إلى تصحيح تنسيق HTML giveacodicetagpre.

rel="nofollow"> http://jsfiddle.net/yuza7/105/

Answer 5

قم بإنشاء توجيه ووضع ساعة عليه. giveacodicetagpre.

})