角度1.Xボタンで増減される値を持つフォームを作成する

Question

角度を使用してユーザーが値を入力できるフォームを提供するが、必要に応じて+/-ボタンを使用して使用できるようにしたい（タブレットなど）

私の角に関する知識はまだ拡張されており、タスクの完了方法は不明ですが、現在のところ設定の検証は行っていますが、これに対処する方法がわかりません。入力にデフォルト値を設定する必要がありますか？ 0と呼ばれ、{{count}}と呼ばれます。または直接ngモデルに影響を与えようとします。

現在のところ、ボタンを押しても何も起こりません。

基本的に、フォームは情報を収集し、いくつかの番号を実行する電卓サービスに送信されます。

HTML

<div class="form-block"> 
        <label for="totalStaff">Number of Staff</label> 
        <button ng-click="staff.staffTotal--">-</button> 
        <input class="form-control max-width" type="number" id="totalStaff" name="totalStaff" placeholder="Total Staff" 
         ng-model="staff.staffTotal" 
         ng-blur="myform.totalStaff.$touched=true" 
         ng-required="true" 
         placeholder="{{myform.totalStaff.$touched && myform.totalStaff.$error.required ? 'Please Enter a value' : 'Induction Courses'}}" ng-class="{'input-error': myform.totalStaff.$touched && myform.totalStaff.$error.required}" /> 
        <button ng-click="staff.staffTotal++">+</button> 
       </div> 

コントローラ

(function() { 
    "use strict"; 

    var app = angular.module("app"); 

    app.controller('StaffDetailCtrl', ["$scope", "$location", "CalculatorService", function($scope, $location, calculatorService) { 
     $scope.clicked = function() { 
      calculatorService.setStaff($scope.staff); 
      $location.path('/additionalfeatures'); 
     }; 

     $scope.staff = angular.copy(calculatorService.getStaff()); 
    }]); 
}()); 

Answer 1

Here is a plunker for you withworking demo。

アプリ全体でデータを共有する最善の方法は工場です。また、watchers

をお読みください。