2
아래 코드를 볼 수 있습니다. 컨트롤러에서 양식으로 모델을 반환하는 Angular.js
var app = angular.module("appX", []);
console.log(app);
app.controller("orderController", function($scope) {
\t \t $scope.printOption = function(option) {
\t \t var split = option.split('_');
\t \t $scope.quantity = split[0];
\t \t $scope.unitPrice = split[1];
\t \t $scope.total = split[0] * split[1];
\t \t console.log($scope.total);
\t \t }
\t \t });
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<script src="https://rawgit.com/eu81273/jsfiddle-console/master/console.js"></script>
<div ng-app="appX" ng-controller="orderController">
<div >
<form action="" method="POST" role="form">
<select ng-name="optionOne" class="form-control" ng-change="printOption(optionOne)" ng-model="optionOne">
<option value="">Select</option>
<option value="1_12">1 for $12</option>
<option value="2_22">2 for $22</option>
<option value="3_29">3 for $29</option>
<option value="4_35">4 for $35</option>
<option value="5_40">5 for $40</option>
<option value="6_45">6 for $45</option>
<option value="7_50">7 for $50</option>
<option value="8_55">8 for $55</option>
<option value="9_60">9 for $60</option>
</select>
</form>
</div>
<div class="col" ng-show="total>0">Total for 8x10 Team and 1 - Individual Photo = {{total | currency}}</div>
</div>
새로운
내가 드롭 다운의 번호와 양식을 가지고 Angular.js합니다. 각 각도 조절기에 선택된 값이 전달됩니다. 데이터를 구문 분석하고 양식에 필요한 정보를 다시 반환 할 수 있습니다. 그러나 양식에 여러 가지 드롭 다운이 있으며 각 드롭 다운에 대한 선택의 적절한 전체 값만 제공하려고합니다.
이 아니에요 당신이 여기 물어 시도하고있는 무슨 완전히 취소합니다. 이 코드는 작성된대로 올바르게 작동합니다. "다중 드롭 다운"에 대해 묻지 만 샘플에는 하나만 보여줍니다. 추가하려고 시도했지만 여기에 표시되지 않는 다른 드롭 다운에 문제가 있습니까? – Claies