javascript - 使用 angularjs 将单选按钮绑定(bind)到 ng-model

Question

所以这是我的 html 代码的相关部分。我尝试将“formFriendsAll”范围绑定(bind)到 ng-model。

<form ng-submit="submitForm()" >
   <div class="col-sm-3">
    <div class="form-group"> 
     <label>Which Persons to show?</label>
      <div class="radio">
        <label>
          <input type="radio" name="FriendsAll" ng-model="formFriendsAll" value="Friends" >
          Friends
        </label>
        </div>
         <div class="radio">
          <label>
           <input type="radio" name="FriendsAll" ng-model="formFriendsAll" value="Alle">
           All
          </label>
          </div>
          <div>currently selected: {{formFriendsAll}}</div>
         </div>           
        </div><td><input type="submit" class="btn btn-primary" value="Los!"/></td> </form>    

这是相关的js代码:

 var challenge =  angular.module('challengeApp', []) 
    challenge.controller('challengeController', function($scope) {   

      $scope.submitForm = function () {
      alert($scope.formFriendsAll);   
};  

    $scope.formFriendsAll = 'Friends';

});

当我点击提交按钮时，我使用警报来测试值的变化，但我尝试了各种方法，例如 ng-changed、ng-click、ng-value。但没有什么可以帮助我解决我的警报和“当前选择的”保留在“ friend ”上的问题

有什么建议吗？

Answer 1

好吧伙计们。似乎我在脑海中用于设计单选按钮的 AdminLTE.css 以某种方式阻止了 Angular