如何在按钮单击时更改模板URL

Question

我想在按钮点击时将tempateUrl从home.html更改为customer.html。

first2.directive('mycustomer', function() 
{
    return {
            restrict: "E",
            replace: 'true',
            template: 'home.html',//want to change this customer.html on button click
          }
});

这可能吗

Answer 1

假设您有两个名为aaa.html和bbb.html的模板。 如果您希望在指令中动态选择它们，可以编写

app.directive('mycustomer', function(){
  return {
    templateUrl: function(el, attr) {
      return attr.template + '.html';
    }
  }
});

然后像这样称呼它们

<div mycustomer template="aaa"></div>
<div mycustomer template="bbb"></div>