在ng-model中查询文本

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，它将返回空字符串并在视图上显示它。一旦获得该值，它就不会进入＆＃34; if- condition＆＃34;并返回给定的代码。