如何绑定离子无线电控制器的值

Question

我正在尝试从离子控制器绑定单选按钮的值。以下是我用过的代码。

 <div class="list">
            <ion-radio ng-model="SearchChoice" ng-value="All" ng-click="SearchByFilter('All')"> ALL <div id="badge-all" class="count-jkt"> <span ng-bind="AllCount.OnGoing"></span></div></ion-radio>
            <ion-radio ng-model="SearchChoice" ng-value="New" ng-click="SearchByFilter('New')"> NEW <div id="badge-new" class="count-jkt">{{AllCount.New}}</div></ion-radio>
        </div>

我的控制器是，

       .controller('MainCtrl', function($scope) {

         $scope.SearchChoice = "All";
        $scope.SearchByFilter = function(item) {
          console.log( "Filter:", item);
        };
      }); 

这里的值没有正确绑定。请大家帮帮我！

Answer 1

你能用.符号试试吗？

<div class="list">
    <ion-radio ng-model="model.SearchChoice" ng-value="All" ng-click="SearchByFilter('All')"> ALL <div id="badge-all" class="count-jkt"> <span ng-bind="AllCount.OnGoing"></span></div></ion-radio>
    <ion-radio ng-model="model.SearchChoice" ng-value="New" ng-click="SearchByFilter('New')"> NEW <div id="badge-new" class="count-jkt">{{AllCount.New}}</div></ion-radio>
</div>

.controller('MainCtrl', function($scope) {
    $scope.model = {
        SearchChoice: "All"
    };

    $scope.SearchByFilter = function(item) {
        console.log( "Filter:", item);
    };
}); 

有关. 表示法的更多信息，请参阅here。