1. 程式人生 > >AngularJs裡給圖片賦值需要用ng-src來代替src的原因

AngularJs裡給圖片賦值需要用ng-src來代替src的原因

我們同樣為每條記錄新增手機圖片,只需要使用ngSrc指令代替的src屬性標籤就可以了。如果我們僅僅用一個正常src屬性來進行繫結,瀏覽器會把AngularJS的{{ 表示式 }}標記直接進行字面解釋,並且發起一個向非法urlhttp://localhost:8000/app/{{phone.imageUrl}}的請求。因為瀏覽器載入頁面時,同時也會請求載入圖片,AngularJS在頁面載入完畢時才開始編譯——瀏覽器請求載入圖片時{{phone.imageUrl}}還沒得到編譯!有了這個ngSrc指令會避免產生這種情況,使用ngSrc指令防止瀏覽器產生一個指向非法地址的請求。