คำสั่ง ng-bind ของ AngularJS

คำนิยามและวิธีใช้

ng-bind คำสั่งบอกให้ AngularJS ใช้ตัวแปรหรือการแสดงค่าที่กำหนดแทนเนื้อหาขององค์ประกอบ HTML

หากตัวแปรหรือการแสดงค่าเปลี่ยนแปลง ตัวแปรหรือการแสดงค่าที่กำหนดให้ HTML ก็จะเปลี่ยนแปลงด้วย

หากตัวแปรหรือการแสดงค่าเปลี่ยนแปลง ตัวแปรหรือการแสดงค่าที่กำหนดให้ HTML ก็จะเปลี่ยนแปลงด้วย

ตัวอย่าง

จัดการให้ <p> มีการผสมผสาน innerHTML กับตัวแปร myText

<div ng-app="" ng-init="myText='Hello World!'">
<p ng-bind="myText"></p>
</div>

ทดลองด้วยตัวเอง

รูปแบบ

หรือใช้เป็นคลาส CSS:</ การใช้งานexpressionclass="ng-bind:</>

ng-bind="

หรือใช้เป็นคลาส CSS:</ < expressionclass="ng-bind:</>

ทุกองค์ประกอบ HTML สนับสนุน

ตัวแปร