AngularJS ng-src คำสั่ง

การกำหนดและการใช้งาน

ng-src คำสั่งจะทำให้ลบความหมายและการใช้งานที่ถูกกำหนด <img> ตัวเลือกขององค์ประกอบ src ตัวแปร

หากคุณมีรหัส AngularJS ในค่า src คุณควรใช้ ng-src คำสั่งแทน src

ng-src คำสั่งจะทำให้รูปภาพไม่ถูกแสดงผลผิดในตอนที่รหัส AngularJS ยังไม่ได้รับการประเมิน

ตัวอย่าง

เพิ่มรูปภาพหนึ่ง ที่ src จะถูกคำนวณโดย AngularJS

<div ng-init="myVar = 'pic_angular.jpg'">
    <h1>Angular</h1>
    <img ng-src="{{myVar}}">
</div>

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

การใช้งาน

<img ng-src="string</img>

ได้รับ <img> สนับสนุนตัวเลือก

ตัวแปร

ตัวแปร คำอธิบาย
string ค่าตัวแปรของตัวแสดง หรือผลลัพธ์ของการแสดงค่าเป็นตัวแปรของตัวแสดง