คำถามติดแท็ก angular-ngmodel

8
ความแตกต่างระหว่าง ng-model และ ng-bind คืออะไร
ฉันกำลังเรียนรู้ AngularJS และกำลังมีปัญหาในการทำความเข้าใจความแตกต่างระหว่างและng-bindng-model ใครสามารถบอกฉันว่าพวกเขาแตกต่างกันอย่างไรและเมื่อใดควรใช้กับอีกอันหนึ่ง

18
ข้อผิดพลาดเชิงมุม:“ ไม่สามารถผูกกับ 'ngModel' ได้เนื่องจากไม่ใช่คุณสมบัติที่รู้จักของ 'อินพุต' "
ฉันใช้ Angular 4 และฉันได้รับข้อผิดพลาดในคอนโซล: ไม่สามารถผูกกับ 'ngModel' ได้เนื่องจากไม่ใช่คุณสมบัติที่รู้จักของ 'อินพุต' ฉันจะแก้ไขปัญหานี้ได้อย่างไร

13
รุ่น Ng ไม่อัพเดทค่าคอนโทรลเลอร์
อาจเป็นคำถามที่โง่ แต่ฉันมีรูปแบบ html ของฉันด้วยการป้อนข้อมูลและปุ่มอย่างง่าย: <input type="text" ng-model="searchText" /> <button ng-click="check()">Check!</button> {{ searchText }} จากนั้นในตัวควบคุม (แม่แบบและตัวควบคุมจะถูกเรียกจาก routeProvider): $scope.check = function () { console.log($scope.searchText); } เหตุใดฉันจึงเห็นมุมมองที่อัปเดตอย่างถูกต้อง แต่ไม่ได้กำหนดในคอนโซลเมื่อคลิกปุ่ม ขอบคุณ! อัปเดต: ดูเหมือนว่าฉันได้แก้ไขปัญหานั้นจริง ๆ แล้ว (ก่อนที่จะต้องแก้ไขปัญหาบางอย่าง) ด้วย: ต้องเปลี่ยนชื่อคุณสมบัติของฉันจากsearchTextเป็นsearch.textแล้วกำหนด$scope.search = {};วัตถุว่างในคอนโทรลเลอร์และ voila ... ไม่รู้เลยว่าทำไมมันถึงใช้งานได้ แม้ว่า;]

9
วิธีการตั้งค่าตัวเลือกที่เลือกของตัวควบคุมรายการแบบหล่นลงโดยใช้ JS เชิงมุม
ฉันกำลังใช้ Angular JS และฉันจำเป็นต้องตั้งค่าตัวเลือกที่เลือกของตัวควบคุมรายการแบบหล่นลงโดยใช้ JS เชิงมุม ยกโทษให้ฉันถ้านี่ไร้สาระ แต่ฉันใหม่กับ Angular JS นี่คือการควบคุมรายการแบบหล่นลงของ html ของฉัน <select ng-required="item.id==8 && item.quantity > 0" name="posterVariants" ng-show="item.id==8" ng-model="item.selectedVariant" ng-change="calculateServicesSubTotal(item)" ng-options="v.name for v in variants | filter:{type:2}"> </select> หลังจากนั้นฉันก็จะได้รับประชากร <select ng-options="v.name for v in variants | filter:{type:2}" ng-change="calculateServicesSubTotal(item)" ng-model="item.selectedVariant" ng-show="item.id==8" name="posterVariants" ng-required="item.id==8 && item.quantity > 0" class="ng-pristine …

2
ngModel ฟอร์แมตและตัวแยกวิเคราะห์
ฉันโพสต์คำถามเดียวกันในรูปแบบอื่น แต่ไม่มีใครตอบ ฉันไม่ได้รับภาพที่ชัดเจนว่า Formatters และ Parsers ทำอะไรใน angular js ตามคำจำกัดความทั้ง Formatters และ Parsers มีลักษณะคล้ายกับฉัน บางทีฉันอาจจะผิดเพราะฉันยังใหม่กับ angularjs นี้ นิยามฟอร์แมต อาร์เรย์ของฟังก์ชันที่จะดำเนินการเป็นไปป์ไลน์เมื่อใดก็ตามที่ค่าโมเดลเปลี่ยนแปลง แต่ละฟังก์ชันถูกเรียกใช้ในทางกลับกันส่งค่าผ่านไปยังฟังก์ชันถัดไป ใช้เพื่อจัดรูปแบบ / แปลงค่าเพื่อแสดงในการควบคุมและการตรวจสอบความถูกต้อง นิยามตัววิเคราะห์ อาร์เรย์ของฟังก์ชันที่จะดำเนินการเป็นไปป์ไลน์เมื่อใดก็ตามที่คอนโทรลอ่านค่าจาก DOM แต่ละฟังก์ชันถูกเรียกใช้ในทางกลับกันส่งค่าผ่านไปยังฟังก์ชันถัดไป ใช้ในการฆ่าเชื้อ / แปลงค่าตลอดจนการตรวจสอบความถูกต้อง สำหรับการตรวจสอบความถูกต้องตัววิเคราะห์ควรอัพเดตสถานะความถูกต้องโดยใช้ $ setValidity () และส่งคืนค่าที่ไม่ถูกต้องสำหรับค่าที่ไม่ถูกต้อง โปรดช่วยให้ฉันเข้าใจคุณลักษณะทั้งสองด้วยตัวอย่างง่ายๆ เราจะชื่นชมตัวอย่างง่าย ๆ ของทั้งสองอย่าง

10
AngularJS: การผูกแบบ ng-model ไม่อัปเดตเมื่อเปลี่ยนแปลงด้วย jQuery
นี่คือ HTML ของฉัน: <input id="selectedDueDate" type="text" ng-model="selectedDate" /> เมื่อฉันพิมพ์ลงในช่องโมเดลจะได้รับการอัปเดตผ่านกลไกการผูก 2 ทาง หวาน. อย่างไรก็ตามเมื่อฉันทำสิ่งนี้ผ่าน JQuery ... $('#selectedDueDate').val(dateText); มันไม่อัพเดตโมเดล ทำไม?

5
ความแตกต่างระหว่าง [(ngModel)] และ [ngModel] สำหรับการผูกสถานะกับคุณสมบัติ
นี่คือตัวอย่างเทมเพลต: <input type="number" class="form-control" [(ngModel)]="overRideRate" formControlName="OverRideRate"> <input type="number" class="form-control" [ngModel]="overRideRate" formControlName="OverRideRate"> ที่นี่ทั้งสองคนทำสิ่งเดียวกัน ชอบอันไหนและเพราะอะไร?
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.