如何在angular5中使用ng开关执行单选按钮?

如何在angular5中使用ng开关执行单选按钮?,angular,radio-button,angular5,frontend,ng-switch,Angular,Radio Button,Angular5,Frontend,Ng Switch,使用angular5时,我在互联网上发现了这段代码,我试图在我的应用程序中运行它,因为我希望它与我的应用程序中的一样,但它不能按预期工作,问题是我可以检查所有单选按钮,而且我甚至可以在选择任何单选按钮元素之前看到第一条消息 <form> Pick a topic: <input type="radio" ng-model="myVar" value="dogs">Dogs <input type="radio" ng-model=

使用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>

选择一个主题:
狗
教程
汽车
狗
欢迎来到狗的世界

教程 从例子中学习

汽车 了解汽车

知道为什么这对我不起作用吗?我没有导入任何库来处理这个示例


这是我在这个例子中使用的im,但它不适用于我,因为在这个链接中。

你可以用angular完成以下操作

<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
A
B
C

这不是angular5,而是angularjs,问题是什么?好吧,我想知道为什么它不工作,在angular v5中我怎么做?好吧,但我只想显示简单的消息,我的案例不需要创建组件,我们可以这样做吗?消息是什么意思?您需要带Angular的组件是的,谢谢您的帮助,现在对我的案例有效:),我感谢您的帮助