0
我用這個guide來設計我的單選按鈕。起初它似乎工作,但後來我意識到,ng模型不再工作了(它總是需要初始值)。它工作時,我離開了數據切換=「按鈕」,但我有我的HTML複選框,我真的不知道如何擺脫他們。引導程序單選按鈕數據toogle不能與ng-model配合使用
舊的HTML(作品)
<div class="form-group">
<label>Audio</label>
<div class="radio">
<label>
<input type="radio" name="audio" value="real" ng-model="formData.audio" disabled>
Real Audio
</label>
</div>
<div class="radio">
<label>
<input type="radio" name="audio" value="chariots" ng-model="formData.audio">
Chariots of Fire
</label>
</div>
<div class="radio">
<label>
<input type="radio" name="audio" value="benny" ng-model="formData.audio">
Benny Hill
</label>
</div>
</div>
新的HTML(不工作)
<div class="row">
<div class="col-xs-12">
<label>Audio</label>
<br>
<div class="btn-group" data-toggle="buttons">
<label class="btn active">
<input type="radio" name="audio" value="chariots" ng-model="formData.audio"><i class="fa fa-circle-o fa-2x"></i><i class="fa fa-check-circle-o fa-2x"></i><span> Chariots</span>
</label>
<label class="btn">
<input type="radio" name="audio" value="benny" ng-model="formData.audio"><i class="fa fa-circle-o fa-2x"></i><i class="fa fa-check-circle-o fa-2x"></i><span> Benny Hill</span>
</label>
</div>
</div>
</div>
這裏是我的JS:
$scope.formData = {
audio: "chariots",
duration: "2",
frames: "1.0",
date: $filter('date')(now, "yyyy-MM-dd HH:MM:ss"),
filePath: "",
};
任何建議?
哎呀......你說得對。可以看到,我添加了額外的bootstrap.js文件(另一個版本),這些文件顯然搞砸了代碼。現在它工作得很好。非常感謝。 – Stef