javascript - 在 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 为它创建的每个项目创建一个新范围。因此在这个例子中，每篇文章都会有一个新的范围)。

假设您的 Controller 名为 ArticleCtrl(我假设)

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