javascript - 阅读单选按钮值 - Angular 2

Question

我正在尝试读取单选按钮值 - Angular 2，

index.html

<input type="radio" id="options1" name="function" value="create">
<input type="radio" id="options2" name="function" value="continue">

索引.ts

@Component({
    selector: 'function',
    templateUrl: './client/components/function/index.html',
    styleUrls: ['./client/components/function/index.css'],
    providers: [],
    directives: [ROUTER_DIRECTIVES]
})

我需要根据单选按钮值是创建还是继续在 html 中显示一个 div。

我尝试过的:

1. 使用 document.getElementById 获取 typescript 文件中单选按钮的值 - 未检测到属性 checked。
2. 通过在 typescript 中定义 model 使用 model.function 读取值。显然无法访问 model 变量!
3. 尝试使用 [(ngModel)] - 也没有用。

请为此提出周转建议。

Answer 1

模板:

<input type="radio" id="options1" [(ngModel)]="myRadio" value="create">
<input type="radio" id="options2" [(ngModel)]="myRadio" value="continue">

然后在您的组件中定义一个 myRadio 变量并像这样初始化它:myRadio: string = ''

这个变量会得到选择的值。

并且，不要在 Angular2 中使用 javascript 来控制 DOM 元素，这违反了 angular2 的哲学