ionic 单选框操作
作者:小确幸
时间:2026-08-11
浏览:0
这个示例的逻辑很直观:当选中不同的选项时,页面会随之展示对应的不同数值。 HTML 代码 当选按钮 选取的值为: {{ data.clientSide }} {{ item.text }} Serverside, Selected Value: {{ data.serverSide }} {{ it
这个示例的逻辑很直观:当选中不同的选项时,页面会随之展示对应的不同数值。

HTML 代码
当选按钮
选取的值为: {{ data.clientSide }}
{{ item.text }}
Serverside, Selected Value: {{ data.serverSide }}
{{ item.text }}
Ja vaScript 代码
angular.module('ionicApp', ['ionic'])
.controller('MainCtrl', function($scope) {
$scope.clientSideList = [
{ text: "Backbone", value: "bb" },
{ text: "Angular", value: "ng" },
{ text: "Ember", value: "em" },
{ text: "Knockout", value: "ko" }
];
$scope.serverSideList = [
{ text: "Go", value: "go" },
{ text: "Python", value: "py" },
{ text: "Ruby", value: "rb" },
{ text: "Ja va", value: "jv" }
];
$scope.data = {
clientSide: 'ng'
};
$scope.serverSideChange = function(item) {
console.log("Selected Serverside, text:", item.text, "value:", item.value);
};
});
css 代码:
body {
cursor: url('http://www.runoob.com/try/demo_source/finger.png'), auto;
}
实际呈现的效果如下:
作者最新文章
Photoshop抠图教程详细步骤图解:新手入门常用方法与技巧
2026-09-22 14:38
Windows 10
2026-09-16 17:44
Python安装后怎么打开:使用IDLE或命令行启动解释器
2026-09-16 13:54
Windows系统Python安装教程:下载、勾选PATH及环境变量配置
2026-09-16 13:53
“等灯不计时”落地解析:算法善意如何转化为技术能力与生态协同
2026-09-08 18:03
上一篇:
ionic 切换开关操作
热门文章
更多
精品专题
更多
Mac软件
更多
WINDOWS
更多


































