Question

所以这是我的html代码的相关部分。我试图绑定＆＃34; formFriendsAll＆＃34;范围到ng模型。

<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-code：

 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。但没有任何帮助我解决我的警报和当前选择的问题＃34;留在＆＃34;朋友＆＃34;

有什么建议吗？

Answer 1

好的伙计们。看起来像我在头脑中使用的AdminLTE.css设计的单选按钮阻止角度某种方式

将单选按钮绑定到带有角度的ng-model

1 个答案: