Question

我正在尝试动态制作templateUrl，但似乎返回了 UI中的URL字符串。

这是我的代码

@Component({
  selector: 'app-login',
  templateUrl: '../login/'+Setting.URL+'/login.html',
  // templateUrl: '../login/web/login.html',
  styleUrls: ['./login.component.scss']
});

问题是模板网址无法读取html文件位置。

Answer 1

正确的动态URL方法是通过深度链接，始终使用相同的html模板，但信息不同。

在您的路由器中：

const routes: Routes = [
  {
    path: 'login/:name',
    component: LoginComponent,
  }
];
...
RouterModule.forRoot(routes, {useHash: true})

在您的组件中：

@Component({
  selector: 'app-login',
  templateUrl: '../login/web/login.html',
  styleUrls: ['./login.component.scss']
});

constructor(
  private route: ActivatedRoute,
) {
  this.route.params.subscribe((params) => {
    console.log(params.name);
  });
}

动态更改TeplateUrl

1 个答案: