Angularjs 模型之间的角度切换
我是AngularJs的新手,我被代码的一小部分锁定了: 在我的UI中,我有一个单选按钮和一个表格(ng网格)。 在我的控制器中,我为每个无线电选择提供了一个json数组 如何根据所选单选按钮动态绑定表数据 例如: 我有一台有a和B两种选择的收音机Angularjs 模型之间的角度切换,angularjs,Angularjs,我是AngularJs的新手,我被代码的一小部分锁定了: 在我的UI中,我有一个单选按钮和一个表格(ng网格)。 在我的控制器中,我为每个无线电选择提供了一个json数组 如何根据所选单选按钮动态绑定表数据 例如: 我有一台有a和B两种选择的收音机 <div class="btn-group"> <button type="button" class="btn btn-primary" ng-model="choice" btn-radio="'A'"
<div class="btn-group">
<button type="button" class="btn btn-primary" ng-model="choice" btn-radio="'A'">A</button>
<button type="button" class="btn btn-primary" ng-model="choice" btn-radio="'B'">B</button>
</div>
<div class="gridStyle" ng-grid="gridOptions">
</div>
先谢谢你
Charlie您可以观看$scope.choice:
$scope.$watch('choice', function(newVal, oldVal) {
$scope.gridOptions = $scope.choice;
});
这需要将$scope.choice设置为整个$scope.A对象。我不知道这是否适用于引导单选按钮,但适用于普通角度单选按钮。您可以观看$scope.choice:
$scope.$watch('choice', function(newVal, oldVal) {
$scope.gridOptions = $scope.choice;
});
这需要将$scope.choice设置为整个$scope.A对象。我不知道这是否适用于引导单选按钮,但它适用于普通角度单选按钮。您可以设置一个范围。$watch表达式位于“choice”上,用于交换分配给gridOptions的数据 在控制器内部
$scope.$watch('choice', function(newValue, oldValue) {
if ($scope.choice == 'A') {
$scope.gridOptions = ??????
} else {
$scope.gridOptions = ?????
}
})
编辑:$digest不是必需的,因为监视表达式仅在摘要周期中调用。您可以在“选项”上设置一个作用域。$watch表达式用于交换分配给gridOptions的数据 在控制器内部
$scope.$watch('choice', function(newValue, oldValue) {
if ($scope.choice == 'A') {
$scope.gridOptions = ??????
} else {
$scope.gridOptions = ?????
}
})
编辑:$digest不是必需的,因为watch表达式只在摘要周期中调用。一个简单的问题:您的radio元素中的btn radio是什么?它是价值的替代品吗?编辑:我猜这是一个引导按钮单选等价物。单选按钮的Angular-bootstrap(Angular ui)组件。btnradio指令将切换控制器中的$scope.choice值。一个快速问题:您的无线电元素中的btn无线电是什么?它是价值的替代品吗?编辑:我猜这是一个引导按钮单选等价物。单选按钮的Angular-bootstrap(Angular ui)组件。btnradio指令将在控制器中切换$scope.choice值。是的,$watch看起来不错。我想下次我会阅读角度文档。非常感谢。是的,这块手表看起来不错。我想下次我会阅读角度文档。非常感谢。不必调用$scope.digest(),因为$watch无论如何都会触发摘要周期。不必调用$scope.digest(),因为$watch无论如何都会触发摘要周期。