Question

我正在使用Angular应用程序，我正在使用单选按钮在两个数据集之间进行交换。

它按预期工作，除了我想在页面加载时检查其中一个单选按钮，我希望它也是在页面加载时执行的ng-change参数。

我目前的做法是：

<div ng-init="value='valOne'; myFunc(value)">
  <label class="radio-inline">
    <input type="radio" name="site" value="valOne" ng-model="value" ng-change="myFunc(value)">Val One</input>
  </label>
  <label class="radio-inline">
    <input type="radio" name="site" value="valTwo" ng-model="value" ng-change="myFunc(value)">Val Two</input>
  </label>
</div>

这正确地加载了我的页面并检查了第一个单选按钮，但是我对如何在页面加载时执行myFunc（）感到困惑。我已经尝试在声明后在我的控制器中调用myFunc（），但这对我不起作用。

Answer 1

您可以在控制器中执行以下操作：

$scope.value = 'valOne';
$scope.myFunc($scope.value);

由于ng-model，这应该选择正确的单选按钮并执行该功能。

Answer 2

我会使用$ timeout激活我的函数，如下所示：

function Controller($scope, $timeout){
    ...
    $timeout(function(){
         $scope.myFunc(value);
    },1000);
}

自动检查单选按钮并执行ng-change

2 个答案: