Latest web development tutorials

การแสดงออก AngularJS

AngularJS ใช้นิพจน์การผูกข้อมูลเพื่อ HTML

การแสดงออก AngularJS

AngularJS การแสดงออกเป็นลายลักษณ์อักษรในวงเล็บปีกกา: {{}} แสดงออก

การแสดงออก AngularJS การผูกข้อมูลเพื่อ HTML ซึ่งคำสั่ง NG-ผูกมีวัตถุประสงค์เดียวกัน

การแสดงออก AngularJS ในตำแหน่งการเขียน "ส่งออก" ข้อมูล

AngularJS แสดงออกเช่นการแสดงออก javascript: พวกเขาสามารถมีข้อความที่ผู้ประกอบการและตัวแปร

ตัวอย่าง 5 + 5 {{}} หรือ {{firstName + "" + นามสกุล}}

AngularJS ตัวอย่าง

<! DOCTYPE html>
<html>
<head>
<Meta charset = "UTF-8 ">
<script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"> </ script>
</ head>
<body>

<div NG-App = "" >
<p> การแสดงออกครั้งแรกของฉัน: {{5 + 5}} </ p>
</ div>

</ body>
</ html>

ลอง»

ดิจิตอล AngularJS

หมายเลข AngularJS JavaScript หลักเช่น:

AngularJS ตัวอย่าง

<div ng-app="" ng-init="quantity=1;cost=5">

<p>总价： {{ quantity * cost }}</p>

</div>

ลอง»

ใช้เช่นเดียวกัน NG-ผูก:

AngularJS ตัวอย่าง

<div ng-app="" ng-init="quantity=1;cost=5">

<p>总价： <span ng-bind="quantity * cost"></span></p>

</div>

ลอง»

หมายเหตุ ใช้ NG-init ไม่ได้เป็นเรื่องธรรมดามาก คุณจะได้เรียนรู้ที่จะเป็นวิธีที่ดีในการเริ่มต้นข้อมูลในบทตัวควบคุม

สตริง AngularJS

AngularJS JavaScript สตริงที่ชอบ:

AngularJS ตัวอย่าง

<div ng-app="" ng-init="firstName='John';lastName='Doe'">

<p>姓名： {{ firstName + " " + lastName }}</p>

</div>

ลอง»

ใช้เช่นเดียวกัน NG-ผูก:

AngularJS ตัวอย่าง

<div ng-app="" ng-init="firstName='John';lastName='Doe'">

<p>姓名： <span ng-bind="firstName + ' ' + lastName"></span></p>

</div>

ลอง»

วัตถุ AngularJS

AngularJS วัตถุเช่นวัตถุ javascript:

AngularJS ตัวอย่าง

<div ng-app="" ng-init="person={firstName:'John',lastName:'Doe'}">

<p>姓为 {{ person.lastName }}</p>

</div>

ลอง»

ใช้เช่นเดียวกัน NG-ผูก:

AngularJS ตัวอย่าง

<div ng-app="" ng-init="person={firstName:'John',lastName:'Doe'}">

<p>姓为 <span ng-bind="person.lastName"></span></p>

</div>

ลอง»

อาร์เรย์ AngularJS

อาร์เรย์ AngularJS JavaScript เป็นอาร์เรย์:

AngularJS ตัวอย่าง

<div ng-app="" ng-init="points=[1,15,19,2,40]">

<p>第三个值为 {{ points[2] }}</p>

</div>

ลอง»

ใช้เช่นเดียวกัน NG-ผูก:

AngularJS ตัวอย่าง

<div ng-app="" ng-init="points=[1,15,19,2,40]">

<p>第三个值为 <span ng-bind="points[2]"></span></p>

</div>

ลอง»

การแสดงออก AngularJS JavaScript และการแสดงออก

คล้ายกับการแสดงออก JavaScript, AngularJS แสดงออกสามารถมีตัวอักษรประกอบตัวแปร

จาวาสคริปต์ที่มีการแสดงออกที่แตกต่างกันแสดงออก AngularJS สามารถเขียนในรูปแบบ HTML

จาวาสคริปต์ที่มีการแสดงออกที่แตกต่างกันแสดงออก AngularJS ไม่สนับสนุนเงื่อนไขการไหลเวียนและความผิดปกติ

JavaScript การแสดงออกที่แตกต่างกันและการแสดงออก AngularJS ฟิลเตอร์สนับสนุน