Question

hi，我在我的angular 7应用程序中使用了单选按钮，但我无法使用单选按钮，但我无法正常使用，当我使用单选键样式切换不起作用时，请在我的应用中执行

<link rel="stylesheet"href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css>

<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.6/umd/popper.min.js"</script>

<div class="btn-group btn-group-toggle" data-toggle="buttons">
    <label class="btn btn-secondary">
    <input type="radio" 
    name="single" id="option1" formControlName="single" value="yes"  > yes
    </label>
    <label class="btn btn-secondary">
    <input type="radio" name="single" id="option2" formControlName="single"    
    value="no"> no
    </label>
</div>

<p>Form value: {{ form.value | json }}</p>

此工作

我做错什么了吗？

Answer 1

如果您担心没有在应用程序中安装引导程序，请尝试按以下方式进行设置。明智的做法是，仅通过测试一个简单的flex box来确保它已经启动并运行。

<div class="d-flex"></div>

以上内容是否会扩展屏幕范围并在chrome元素控制台中具有css属性？

npm install bootstrap // in terminal

在src / styles.css中插入以下内容：

@import "~bootstrap/dist/css/bootstrap.css";

这种方法可能比所有链接都整齐，但最好的方法是。我认为您的单选按钮设置正确，未通过我的建议注释，因此将再次检查单选按钮。 BR

为什么单选按钮无法以反应形式切换角度为7的引导程序不起作用

1 个答案: