Javascript AngularJS-如何动态更改控制器组件？

我有一个angularJS组件，我手动设置链接的url。 但是我想在blogposts以不同的方法加载后更改这个url

HTML:

我想在另一个函数中更改它：

$scope.loadpost = function () {
    //I want to change the url here
}

我试图在“readMore”的id中添加一个简单的eventlistener。但有时它可以工作，有时则不行。。。我认为这不是改变url的最佳方式。

---

所以我的问题是，在组件开始使用控制器后，我如何随时更改url？

您是否尝试过将img源与ng src连接？

---

您是否尝试将img源与ng src连接？

---

我尝试了类似的方法，但没有成功。我想更改链接的url，所以ng src对我不好。我尝试了类似的方法，但不起作用。我想更改链接的url，所以ng src对我不好。

function BlogDetailController() {
    var ctrl = this;
    ctrl.readMoreUrl = 'https://mytest-site.com/blogpost/superpost/';
}

    var angularApp = angular.module(

    .component('postDetail', {
        templateUrl: '/javascripts/controllers/blogDetail.html',
        controller: BlogDetailController,
        bindings: {post: '=', indx: '=', title: '='}
    })

$scope.loadpost = function () {
    //I want to change the url here
}