动态更改组件模板

Question

如果模板已在屏幕上呈现

如何更改组件中的模板（不在ui-router中）

我知道我们可以改变

$state.template = anotherlayout
$state.reload()

但是可以更改组件中的当前模板吗？

import login from './login.html'

.component('app', {
    template,
    controller
})


function template () {
    return login
}

function controller ($scope) {
  $scope.changeTemplate = function () {
      // some code to change template in component
  }
}

controller.$inject = ['$scope']

我尝试过更改$ scope。$ root.template，但没有任何反应