在Angularjs中操作{}内的字符串

Question

我是Angularjs的新手.我做了一些测试,我无法找出是否有办法做这样的事情:

<li ng-repeat="article in articles" class="thumbnail">
    <img  ng-src="{{encodeURI(article.image)}}"></a>
</li>

我们的想法是使用本机JS函数来操作字符串.

Answer 1

您不必在这些场景中使用interpolate指令.你可以使用一些更容易理解的东西,比如一个函数.

<li ng-repeat="article in articles" class="thumbnail">
<img ng-src="encode(article.image)">
</ii>

现在,encode应该是包含文章的范围或内部范围中的函数(注意:ng-repeat为它创建的每个项创建一个新范围.因此,在每个文章的示例中,将有一个新的范围).

让我们说你的控制器叫做ArticleCtrl(我假设)

function ArticlesCtrl($scope){
    $scope.articles = [];
    $scope.encode = function(url){
        return encodeURI(url);
    }
}