Angularjs directive的模板里使用了input radio，但无法选中

Question

HTML如下：

<div class="genderBox">
     <div class="fl">
            买家
            <input type="radio" ng-model="regForm.type" value="buyer"/>
     </div>
     <div class="fr">
            卖家
            <input type="radio" ng-model="regForm.type" value="seller"/>
     </div>
     <div class="cl"></div>
</div>

Javascript中创建了directive：

(function(){
angular.module('homeRegister',[    'ui.router']).directive('homeRegister',function(){    return {
        templateUrl:'/frontend/components/modal-home/home-register/home-register.html',
        controller:homeRegister
    }
});function homeRegister($scope,$http,$timeout,Flash,FormFilter){
    $scope.regForm={
        type:'buyer',
    };
    $scope.goLogin=function(){
        $timeout(function() {
            $scope.$parent.isLogin = true;//父scope中
        },0);
    };
}

打开页面后点击radio没有效果。加了name属性，试了ng-value也都不行。
求各路大神帮忙解决一下。。。多谢！