angular.js - angularjs在頁面中如何在html頁面給變數預設值?

Question

需求描述:頁面中有一個myimg的變數,我可以在控制器中使用$scope.myimg='xxx',給它一個初始值，但是如果不允許在控制中賦值，在img標籤中如何給它一個初始值?

我試過ng-init="myimg:XXX"，但是這樣的話圖片都顯示不出來了

<img ng-src='./img/{{myimg}}.png'>

Answer 1

這個和在 JavaScript 中給值初始化時加上預設值是一樣的操作，使用 || 即可。

<img ng-src='./img/{{myimg || 'default'}}.png'>