javascript - 动态替换 ngView HTML 内容

Question

我有一个带有按钮的 HTML 页面，单击该按钮会触发对外部服务的请求。此 post 请求返回一个 HTML 页面。

是否可以用此 HTML 内容替换当前的 ngView？

$scope.clickEvent = function() {

  var url = '/external-service';
  var param = { someParameter: someValue };

  $http
    .post(url, param)
    .then(function (data) { // sucess

      // replace ngView with the data contents (which is a HTML)      

    }, function (data) { 
      // error
    });
}

Answer 1

这个StackOverflow Answer很好地展示了如何通过抓取想要添加 HTML 的元素来将元素添加到某些 HTML

var btnhtml = '<button type="button" ng-click="addButton()">Click Me</button>';
var temp = $compile(btnhtml)($scope);
angular.element(document.getElementById('foo')).append(temp);

使用angular.element，然后选择元素并选择追加。

您想要做的更像是删除现有的元素，然后添加您自己的元素。

所以捕获父节点，然后parentNode.RemoveChild(elementYouWantGone)然后采用相同的父节点，然后执行 parentNode.append(variableHoldingHtmlYouWantThere)