我有一个有效的 angular 通用应用程序，我有一个特定页面的 amp 版本。为了使 amp 页面可访问，我必须添加到页面的<head>this 标签中
<link rel="amphtml" href="https://www.example.com/url/to/amp/document.html">
所以我需要类似于MetaService 的东西。
我的问题是如何在 angular 5 应用程序的特定组件中执行此操作？
我有一个简单的步进器，分为两个步骤。
第一步，有一个带有两个无线电输入的表格。我想通过单击一个单选按钮（没有任何提交按钮）切换到下一步。我正在使用stepper.next()方法来实现这一目标。
问题是-仅在两次单击无线电输入后才切换到下一步。
是否可以通过仅单击一次来切换到下一步？
这是一个有问题的演示https://angular-srtsoi.stackblitz.io
编辑器：https : //stackblitz.com/edit/angular-srtsoi?embed=1&file= app/ stepper-overview-example.ts
我有一个带有递归的简单打字稿组件：
<template>
<div :style="{ paddingLeft: depth * 20 + 'px' }">
<h1>Level {{ depth }}</h1>
<div v-if="depth < 2">
<Recursive v-for="i in 3" :key="i" :depth="depth + 1"/>
</div>
</div>
</template>
<script lang="ts">
import * as Vue from "vue";
import { Component, Prop } from "vue-property-decorator";
@Component({
components: { Recursive }
})
class Recursive extends Vue {
@Prop({ required: true })
depth!: number;
}
export default Recursive;
</script>
演示： https: //codesandbox.io/s/vue-typescript-recursive-12u3q ?file=/src/components/Recursive.vue
它在开发模式下运行良好。
但是一旦我进行了构建，递归导入将被编译成这些类型的字符串：
<!--function(e,n,r,o){return ln(t,e,n,r,o,!0)}-->而不是 html。
我应该怎么做才能使递归正常工作？