Register Register Member Login Member Login Member Login Forgot Password ??
PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone
 

Registered : 109,037

HOME > PHP > PHP Forum > Angular function CalSumTotal คำนวณแล้วค่าไม่แสดง



 

Angular function CalSumTotal คำนวณแล้วค่าไม่แสดง

 



Topic : 135766



โพสกระทู้ ( 332 )
บทความ ( 0 )



สถานะออฟไลน์




<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
$scope.resetitem_1 = function() {
$scope.item_1='';
}
$scope.resetitem_2 = function() {
$scope.item_2='';
}
$scope.resetitem_3 = function() {
$scope.item_3='';
}
$scope.resetitem_4 = function() {
$scope.item_4='';
}
$scope.resetitem_5 = function() {
$scope.item_5='';
}
$scope.resetitem_6 = function() {
$scope.item_6='';
}

let SumTotal = 0;
$scope.SumTotal = function() {
SumTotal = parseFloat($scope.item_1) +
parseFloat($scope.item_2) + parseFloat($scope.item_3) +
parseFloat($scope.item_4) + parseFloat($scope.item_5) +
parseFloat($scope.item_6) ;

}

});
</script>



<div class="form-group">
<label for="">จำนวนเงินรวม</label>

<input type="number" class="form-control" name="amount" ng-model="SumTotal" required="required" >
</div>


ค่าไม่คำนวณให้ ครับ



Tag : PHP, Angularjs, Yii Framework







Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2020-12-12 22:51:37 By : โต้ง View : 652 Reply : 3
 

 

No. 1



โพสกระทู้ ( 4,169 )
บทความ ( 7 )

Hall of Fame 2012

สถานะออฟไลน์


ส่วนตัวไม่ถนัด Angular แต่ถนัด VueJS เบื้องต้น ลอง console.log() ค่าแบบไม่คำนวนออกมาดูก่อนว่าเข้าสู่ method จริงหรือไม่ ถ้าได้ค่อย fomular และ bind ออกมาใน model








ประวัติการแก้ไข
2020-12-13 08:22:44
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2020-12-13 08:19:06 By : Genesis™
 


 
จะทำอะไร ขอดู flow หน่อย

Angular มี 2 Gen คือ 1.x กับ 2+

1.x https://www.w3schools.com/angular/default.asp
2+ https://angular.io/docs
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2020-12-13 11:18:53 By : ล่องหน
 

 
ตัวอย่าง 1.x

Code (AngularJS)
<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
<body>

<div ng-app="myApp" ng-controller="myCtrl">

	<div class="form-group">
		<label for="">จำนวนเงินรวม</label>
		<input type="number" class="form-control" name="amount" ng-model="Add" required="required" >
	</div>

	<p>{{SumTotal() + Add}}</p>
</div>

<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {

	$scope.item_1 = 1;
	$scope.item_2 = 2;
	$scope.item_3 = 3;
	$scope.item_4 = 4;
	$scope.item_5 = 5;
	$scope.item_6 = 6;
    
    $scope.SumTotal = function () {
    	return $scope.item_1 + $scope.item_2 + $scope.item_3 + $scope.item_4 + $scope.item_5 + $scope.item_6;
    };

 });
</script>

</body>
</html>


แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2020-12-13 11:21:02 By : ล่องหน
 

   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
Re : Angular function CalSumTotal คำนวณแล้วค่าไม่แสดง
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ FTP| ใส่แถวของตาราง ใส่คอลัมน์ตาราง| ตัวยก ตัวห้อย ตัวพิมพ์ดีด| ใส่โค้ด ใส่การอ้างถึงคำพูด| ใส่ลีสต์
smiley for :lol: smiley for :ken: smiley for :D smiley for :) smiley for ;) smiley for :eek: smiley for :geek: smiley for :roll: smiley for :erm: smiley for :cool: smiley for :blank: smiley for :idea: smiley for :ehh: smiley for :aargh: smiley for :evil:
Insert PHP Code
Insert ASP Code
Insert VB.NET Code Insert C#.NET Code Insert JavaScript Code Insert C#.NET Code
Insert Java Code
Insert Android Code
Insert Objective-C Code
Insert XML Code
Insert SQL Code
Insert Code
เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

   
  เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง
 
โดย
อีเมล์
บวกค่าให้ถูก
<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)







Exchange: นำเข้าสินค้าจากจีน, Taobao, เฟอร์นิเจอร์, ของพรีเมี่ยม, ร่ม, ปากกา, power bank, แฟลชไดร์ฟ, กระบอกน้ำ

Load balance : Server 04
ThaiCreate.Com Logo
© www.ThaiCreate.Com. 2003-2024 All Rights Reserved.
ไทยครีเอทบริการ จัดทำดูแลแก้ไข Web Application ทุกรูปแบบ (PHP, .Net Application, VB.Net, C#)
[Conditions Privacy Statement] ติดต่อโฆษณา 081-987-6107 อัตราราคา คลิกที่นี่