AngularJS ng-src指令
AngularJS 实例
画像アドレスを追加:
<div ng-init="myVar = 'http://www.example.com/wp-content/uploads/2014/06/angular.jpg'">
<h1>Angular</h1>
<img ng-src="{{myVar}}">
</div>
<h1>Angular</h1>
<img ng-src="{{myVar}}">
</div>
尝试一下 »
定義と用法
ng-srcディレクティブは <img> 要素の src 属性を上書きします。
AngularJS コードを使用して画像アドレスを設定する場合は、次を使用してください。ng-src指令替代src属性。
ng-srcディレクティブは、AngularJS コードが実行される前に画像が表示されないようにします。
语法
<img ng-src="string"></img>
<img> 要素はこの属性をサポートしています。
参数值
| 值 | 描述 |
|---|---|
| string | 式が返す文字列。 |
其他扩展