无法访问控制器中的单选按钮ng-model:Angular

时间:2014-06-30 13:47:15

标签: javascript angularjs data-binding

我知道像stackoverflow这样有simalar问题,但他们仍然没有解决这个问题。

我有一个三个单选按钮的列表,当说明他们的ng-model时,我仍然无法在相关控制器中访问它们的值。

<input type="radio" name="searchType" value="active" ng-model="radioValue" class="radio-buttons">

<input type="radio" name="searchType" value="ammSd" ng-model="radioValue" class="radio-buttons">

<input type="radio" name="searchType" value="ammEd" ng-model="radioValue" class="radio-buttons">

<button type="button" class="btn btn-info btn-xs" ng-click="search()">
    <span class="glyphicon glyphicon-search"></span> Search
</button>

控制器:

$scope.search = function(){

    alert($scope.radioValue);
};

结果我不断回到&#39; undefined&#39;。

有什么想法吗?

1 个答案:

答案 0 :(得分:0)

我将你的代码粘贴到jsFiddle中,它运行得很好:http://jsfiddle.net/kVGF9/

如果没有选择任何内容,它将返回undefined。如果您想预先选择一个,只需在控制器中指定它:

$scope.radioValue = "ammSd";
$scope.search = function(){
    alert($scope.radioValue);
};