Question

我是Angular的新手，并且是官方网站上的Tour of Heroes tutorial。

我下载了第5部分教程，并看到了代码

@Component({
  selector: 'my-heroes',

在其中一个组件中。阅读本教程的开头并查看文档，它说选择器匹配HTML中的元素，但是当我检查下载示例中的所有HTML文件时，没有{{{{ 1}}标签。尽管如此，它仍然完美无缺，没有任何错误。

那么<my-heroes></my-heroes>的目的是什么？

我甚至尝试将其名称更改为

selector: 'my-heroes'

它继续工作，没有任何错误或警告。

注意：这不是任何帖子的重复问题。我的问题是＆＃34;为什么选择器没有任何影响，如果它在文件中提到＆＃34;

Answer 1

这是因为config = tf.ConfigProto() config.gpu_options.per_process_gpu_memory_fraction = 0.4 sess = tf.Session(config=config) as sess:正在为你做这份工作。

您可以检查os.environ["CUDA_VISIBLE_DEVICES"]文件。在<router-outlet></router-outlet>内，他们定义了app.component.ts。

以下是template

中指定的两条路线

router-outlet

它的作用是当您点击链接àpp.component.ts时，它将检查<a routerLink="/dashboard" routerLinkActive="active">Dashboard</a> <a routerLink="/heroes" routerLinkActive="active">Heroes</a>中定义路由的相应Dashboard or Heroes并相应地显示内容。

component class

以下是app-routing.module.ts的使用案例。

如果您想在应用中添加页脚，请首先使用const routes: Routes = [ { path: '', redirectTo: '/dashboard', pathMatch: 'full' }, { path: 'dashboard', component: DashboardComponent }, { path: 'detail/:id', component: HeroDetailComponent }, { path: 'heroes', component: HeroesComponent } ];生成页脚组件，例如selector。那么您可以像{<1}}这样添加页脚

Angular cli

然后ng generate component footer对应用来说很常见，app.component.ts会关注要加载的组件。

Answer 2

selector - 定义组件所在的HTML标记的名称生活。在这种情况下，您的组件将通过显示 DOM中的标签。

参考 - Angular Docs

Answer 3

选择器将说明父模板中标签的名称。您的组件将插入该标签。使用具有相应选择器名称的标记，您可以将参数（并且当然执行操作）传递给拥有选择器的组件。并抓住（在组件中）。

Answer 4

我正在尝试使用C＃词典对此进行类比。 C＃中的字典具有键和值对。每个键都有对应的值。

以某种方式选择器喜欢字典中的键，将键带到父html中的组件，然后将呈现相应的值。

＆＃34;选择器＆＃34;的用途是什么？在Angular 4？

4 个答案: