English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

تعليمات ng-src AngularJS

دليل مرجعي لـ AngularJS

مثال AngularJS

إدراج عنوان الصورة:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://cdn.staticfile.org/angular.js/1.4.6/angular.min.js"></script>
</head>
<body ng-app="">
<div ng-init="myVar = 'http://ar.oldtoolbag.com/wp-content/uploads/2014/06/angular.jpg'">
<h1>Angular</h1>
<img ng-src="{{myVar}}">
</div>
<p>يمكن استخدام src الأصلي في هذا المثال، ولكن من الأفضل استخدام ng-src لتحديد القيمة.
</body>
</html>
اختبار لرؤية ‹/›

التعريف والاستخدام

ng-src تعليمات تغطي خاصية src لعنصر <img>.

إذا كنت قد استخدمت رمز AngularJS لتعيين عنوان الصورة، يرجى استخدام ng-src استبدال التعليمات src الخصائص.

ng-src تعليمات تأكد من عدم عرض الصورة قبل تنفيذ رمز AngularJS.

القواعد النحوية

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

عنصر <img> يدعم هذه الخاصية.

قيمة المعامل

القيمة الوصف
string السلسلة التي تعودها العبارة.

دليل مرجعي لـ AngularJS