Latest web development tutorials

AngularJS NG-รูปแบบคำสั่ง

การเรียนการสอน NG-รูปแบบที่ใช้ในการผูกข้อมูลประยุกต์ใช้ในการควบคุมค่าใช้ HTML (input เลือก textarea) ของ

NG-รูปแบบคำสั่ง

ng-model คำสั่งสามารถป้อนค่าตัวแปรและ AngularJS ผูกโดเมนที่สร้างขึ้น

AngularJS ตัวอย่าง

<div NG-App = "MyApp " NG-ควบคุม = "myCtrl">
ชื่อ: <input NG-รุ่น = " ชื่อ">
</ div>

<script>
var App = angular.module ( 'MyApp' []);
app.controller ( 'myCtrl' ฟังก์ชั่น ($ ขอบเขต) {
$ Scope.name = "จอห์นโด";
});
</ script>

ลอง»

วิธีที่มีผลผูกพัน

สองทางที่มีผลผูกพันเมื่อคุณปรับเปลี่ยนค่าของช่องใส่มูลค่าของทรัพย์สินที่ยังจะทบทวน AngularJS:

AngularJS ตัวอย่าง

<div NG-App = "MyApp " NG-ควบคุม = "myCtrl">
ชื่อ: <input NG-รุ่น = " ชื่อ">
<h1> คุณป้อน: {{name}} </ h1>
</ div>

ลอง»

ตรวจสอบผู้ใช้ป้อน

AngularJS ตัวอย่าง

<form NG-App = "" name = "myForm">
อีเมล์:
<ประเภทขาเข้า = "อีเมล" ชื่อ = "myAddress" NG-รุ่น = "text">
<span NG-แสดง = "myForm.myAddress . $ Error.email"> ไม่ใช่ที่อยู่อีเมลที่ถูกต้อง </ span>
</ form>

ลอง»

ตัวอย่างข้างต้นข้อความในส่วน ng-show คุณสมบัติผลตอบแทน true กรณีแสดง

แอพลิเคชันของรัฐ

ng-model คำสั่งให้ค่าสถานะ (ที่ไม่ถูกต้องสกปรกสัมผัสข้อผิดพลาด ) สำหรับข้อมูลของแอพลิเคชัน:

AngularJS ตัวอย่าง

<form NG-App = "" name = "myForm" NG-init = "mytext = '[email protected]'">
อีเมล์:
<input type = "อีเมล" ชื่อ = "myAddress" NG-รุ่น = "MyText" ที่จำเป็น> </ p>
<h1> สถานะ </ h1>
{{myForm.myAddress. $ ถูกต้อง}}
{{myForm.myAddress. $ สกปรก}}
{{myForm.myAddress. $ สัมผัส}}
</ form>

ลอง»

คลาส CSS

ng-model การเรียนการสอนขึ้นอยู่กับรัฐของพวกเขาให้เรียน CSS สำหรับองค์ประกอบ HTML:

AngularJS ตัวอย่าง

<style>
input.ng-ที่ไม่ถูกต้อง {
สีพื้นหลัง: lightblue;
}
</ style>
<body>

<form NG-App = "" name = "myForm">
ใส่ชื่อคุณ:
<ใส่ชื่อ = "myAddress" NG -model = "text" ต้อง>
</ form>

ลอง»

ng-model การเรียนการสอนขึ้นอยู่กับเขตข้อมูลฟอร์มของรัฐที่จะเพิ่ม / ลบประเภทต่อไปนี้:

  • NG-ที่ว่างเปล่า
  • NG-ไม่ว่างเปล่า
  • NG-สัมผัส
  • NG-มิได้ถูกแตะต้อง
  • NG-ที่ถูกต้อง
  • NG-ที่ไม่ถูกต้อง
  • NG-สกปรก
  • NG-อยู่ระหว่างดำเนินการ
  • NG-ที่เก่าแก่