ng-src是否也將src屬性添加到圖片標籤？

我有用於圖像像<img class="testClass" ng-src="{{ImagePath}}" alt="{{imageName}}" />ng-src是否也將src屬性添加到圖片標籤？

角代碼然而，當在頁面加載後，我看到一個src屬性到img標籤，如下所示。

<img class="testClass" ng-src="/files/imageName_1.jpg" alt="Image 1" src="/files/imageName_1.jpg">

是這樣，沒有角的附加屬性src以及默認？

實施例的jsfiddle http://jsfiddle.net/wktwL/5/

如果我們檢查在輸出圖像上的元件，我們可以看到兩個NG-SRC和src屬性。

來源

2017-02-21 Rams

是的，angular會爲所有有效的ng- *指令添加適當的HTML標籤的屬性。

基本上，你添加一個元素的'ng-src';當angular開始解析HTML並遇到'ng-src'屬性時，它會在找到註冊的'ngSrc'指令時發現它調用該指令，並且該指令的邏輯添加src標記。

從AngularJS網站：

使用AngularJS標記像{{哈希}}在src屬性不工作的權利：瀏覽器將網址提取與文字文本{{哈希}}直到AngularJS替換{{hash}}中的表達式。 ngSrc指令解決了這個問題。

馬車的方式來寫它：

<img src="http://www.gravatar.com/avatar/{{hash}}" alt="Description"/>

正確的方式來寫它：

<img ng-src="http://www.gravatar.com/avatar/{{hash}}" alt="Description" />

來源

2017-02-21 07:29:42 Gaurav

是的，AngularJS添加相應的HTML標記屬性爲有效納克 - *指令。 AngularJs總是將指令轉換爲html標籤。

來源

2017-02-21 07:38:50

是的，我看到角度實現和文檔的方式，angular將src屬性與ng-src屬性一起添加到img標記中

來源

2017-02-21 18:56:33 Rams

ng-src是否也將src屬性添加到圖片標籤？

回答

相關問題