Как реализовать Radio Button с помощью ng-switch в angular5? - PullRequest
Новая
       37

Как реализовать Radio Button с помощью ng-switch в angular5?

0 голосов
/ 10 июня 2018

Работая с angular5, я нашел этот код в интернете, я попытался запустить его, так как я хочу то же самое в моем приложении, он не работает должным образом, проблема в том, что я могу проверить все переключатели, а такжея могу увидеть первое сообщение еще до выбора любого из элементов переключателя. 

<form>
      Pick a topic:
      <input type="radio" ng-model="myVar" value="dogs">Dogs
      <input type="radio" ng-model="myVar" value="tuts">Tutorials
      <input type="radio" ng-model="myVar" value="cars">Cars
    </form>

    <div ng-switch="myVar">
      <div ng-switch-when="dogs">
         <h1>Dogs</h1>
         <p>Welcome to a world of dogs.</p>
      </div>
      <div ng-switch-when="tuts">
         <h1>Tutorials</h1>
         <p>Learn from examples.</p>
      </div>
      <div ng-switch-when="cars">
         <h1>Cars</h1>
         <p>Read about cars.</p>
      </div>
    </div>

Есть идеи, почему это не работает для меня?я не импортировал ни одной библиотеки для работы с этим примером.

Это ссылка , которую я использую для этого примера, но она не работает для меня, как в этой ссылке.

1 Ответ

0 голосов
/ 10 июня 2018

Вы можете сделать следующее с угловой 

<input type="radio" value="dogs" name="comp" [(ngModel)]="radioValue"> A
<input type="radio" value="tuts" name="comp" [(ngModel)]="radioValue"> B
<input type="radio" value="cars" name="comp" [(ngModel)]="radioValue"> C

STACKBLITZ DEMO

...