кнопка радио Чтение значение - Угловая 2

Question

Я пытаюсь прочитать значение кнопки радио - в угловом 2,

index.html

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

index.ts

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

I необходимо отобразить div в html на основе того, будет ли значение кнопки радиосвязи создавать или продолжать.

Что я пробовал:

1. Получение значения радио-кнопки в файле транскрипта с помощью document.getElementById - Свойство checked не получал обнаруженным.
2. Чтение значения с использованием model.function путем определения model в машинописи. Очевидно, что невозможно получить доступ к переменной 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 = ''

этих переменные получат выбранное значение.

и делать не использование Javascript для управления DOM элементов в Angular2, это против angular2 философии