在angularjs中传递组件的查询字符串参数

Question

如何以角度

传递组件的查询字符串参数

app.component('test', {
     templateUrl: '/_directive/test.tpl.html',
     bindings: {
     currenttab: "="
     },
     controllerAs: 'test',
     controller: test  });

我想要这样：

 templateUrl: '/_directive/test.tpl.html?version=' + version;

Answer 1

您不能将该网址用作"/_directive/test.tpl.html" + version，因为这将编译为/_directive/test.tpl.html0.0.1而找不到此html，因此我们应将其更改为"/_directive/test.tpl.html?" + version }或"/_directive/test.tpl.html?version=" + version有更好的结果：

/_directive/test.tpl.html?0.0.1
/_directive/test.tpl.html?version=0.0.1

在我们必须在定义角度应用之前设置主题的所有项目中发送公共参数，请参阅示例

window.version = "0.0.1";

var app = angular.module("app", ["ngRoute"]);

app.component('test', {
    templateUrl: 'partials/home-template.html?' + window.version,
    controller: function() {
        console.log(window.version)
    }
});

检查 chrome 或 firefox 中的网络标签，查看编译模式。