Concating文本NG-模型

Question

筆者認爲：

<input type="text" ng-model="imageUrl = fullImageUrl(job.imageUrl);" /> 

我的應用程序控制器：

$scope.fullImageUrl=function(imageUrl){ 

    return '/img/'+imageUrl; 
} 

問題是，當我瀏覽時顯示 -

/img/undefined 

我不我不想要這個。在執行我的功能之前，我想要空白。

Answer 1

在ng-model中使用任務可能不是最好的想法。它期望一個表達式，而不是一個賦值。這是它應該如何看：

<input type="text" ng-model="fullImageUrl(job.imageUrl)" /> 

然後，如果你想讓它不顯示undefined你可以檢查它在你的函數和一個空字符串""分配給它。 嘗試是這樣的：

$scope.fullImageUrl=function(imageUrl){ 
    if (!imageUrl) imageUrl = ""; 
    return '/img/'+imageUrl; 
} 

Answer 2

$scope.fullImageUrl=function(imageUrl){ 
    if (!imageUrl) {    
     return ""; 
     } 

    return '/img/'+imageUrl; 
} 

我在這裏傳遞IMAGEURL作爲參數，並在第一次是不確定的。這就是爲什麼當imageUrl時，它會返回空字符串並在視圖中顯示它。只要它得到值，它就不會進入「if-condition」並返回給定的代碼。