如何使用angular来刷新div?

时间:2014-03-03 11:08:28

标签: angularjs refresh

当我点击“刷新”或src时,我只想刷新下面的“div”和另一个div,而不是整个html。 如何使用angularjs做什么?

<div>
<img   alt="Refresh" src="/Captcha/[[.CaptchaId]]/" /><span>Refresh</span>
</div>

谢谢!

2 个答案:

答案 0 :(得分:1)

您将img src绑定到您的范围,并为您的img标记添加ng-click处理程序以处理点击事件,并相应地更改绑定值

angular.module("myApp", [])
.controller("MainCtrl", function ($scope) {
  $scope.url = "old.png";
  $scope.refresh = function() {
    $scope.url = "new.png";
  };
})

和你的html:

<img src="{{url}}" ng-click="refresh()">Refresh</img>

答案 1 :(得分:0)

您可以尝试阻止默认处理程序:

HTML:

<img src="{{url}}" ng-click="saveUser($event)">Refresh</img>

JS:

$scope.saveUser = function (event) {
  event.preventDefault();
  // your code
}