如何将 NGROUTE 与用于更改视图的单选按钮一起使用
how to use ngroute with radio buttons being used to changed the view
现在我已经编写了一个代码来使用 ng-route 更改页面的视图。代码是
<a href="#cod">Cash on delivery</a>
<a href="#online">Online Payment</a>
<ng-view>
</ng-view>
js 代码是
myApp.config(['$routeProvider',
function($routeProvider) {
$routeProvider.
when('/cod', {
templateUrl: './cod.html',
controller:'codController'
}).
when('/online', {
templateUrl: './online.html',
controller:'onlineController'
}).
otherwise({
redirectTo: '/cartdisplay.php'
});
}]);
它工作正常,视图正在正常更改。但是我需要单选按钮来更改视图,例如
<a href="#cod">
<input type="radio" name="pay" id="cod">
<label for="cod">COD</label>
</a>
<a href="#online">
<input type="radio" name="pay" id="online">
<label for="online">Online Payment</label>
</a>
<ng-view>
</ng-view>
但现在观点没有改变。 ngRoute 不起作用,解决这个问题的解决方案是什么。
<input type="radio" name="pay" id="cod" ng-model="someVariableOfScope"><label for="cod" data-ng-click="changeRoute('cod')">COD</label>
<input type="radio" name="pay" id="online" data-ng-click="changeRoute('online')"><label for="online" ng-model="someVariableOfScope ">Online Payment</label>
<ng-view>
</ng-view>
在控制器中:
function SomeCommonController($scope, $location, $rootScope) {
$scope.changeRoute = function(routeKey) {
if ( $scope.routeKey == 'cod' ) { // test
$location.path( "/cod" );
} else ( $scope.routeKey == 'online' ) { {
$location.path( "/online" );
}
}
相关文章:
- 多个单选按钮组相互干扰
- 是否可以禁用jquery中的单个单选按钮
- Javascript:无法获取变量中的单选按钮值
- 通过ajax到php文件获取单选按钮值
- 互斥单选按钮和相应的输入字段
- 用于选择MVC3中单选按钮值的JavaScript
- 如何使用jquery在网格视图中获取所选单选按钮的值
- 将单选按钮设置为签入jquery,而不将其显示为签入视图
- 收听单选按钮取消选择事件而不知道按钮's上下文(骨干视图)
- 为什么第一次点击网格视图中的单选按钮毫无作用
- 退出视图后,“余烬”单选按钮永远不会被清除
- 如何将 NGROUTE 与用于更改视图的单选按钮一起使用
- NG-模型似乎只在模态视图内的离子单选按钮上绑定一种方式
- 未从视图模型(KNOCKOUTJS)设置单选按钮
- 使用javascript数组和单选按钮切换DIV的视图
- asp.net多个带有单选按钮的网格视图
- 文本框开关,带有基于部分视图MVC 4的模式对话框上的单选按钮
- AngularJS:如何在模型改变时改变单选按钮视图
- 在列表视图中选择多个单选按钮
- Javascript 数组单选按钮切换 DIV 的视图