1. Add three control to the UI: StartTime EndTime Weekdays:

2015-11-17 20:26:40

data-model: Html5在html里的体现

k-checklist-model: kendoUI

ng-click/ng-value/ng-checked:　Angular在html里的体现

 1   <div class="pn-module-funcname-new-field">
 2             <div>Start Time</div>
 3             <input class="ds-import-conn-new-value" kendo-time-picker k-ng-model="selectedStartTime" k-options="startTimeOptions" />
 4   </div>
 5   <div class="pn-module-funcname-new-field">
 6             <div>End Time</div>
 7             <input class="ds-import-conn-new-value" kendo-time-picker k-ng-model="selectedEndTime" k-options="endTimeOptions" />
 8   </div>
 9   <div class="pn-module-funcname-new-field">
10        <div>Days Of Week to Run</div>
11        <br />
12        <div class="pn-module-funcname-new-checkbox">
13                 <div ng-repeat="item in checkBoxWeekdays">
14                     <input type="checkbox" ng-checked="selectedWeekdays.indexOf(item) > -1" ng-value="{{item}}" ng-click="check(item, $event)"> {{item}}
15                 </div>
16        </div>
17   </div>

js:

 1  　　　　$scope.checkBoxWeekdays = ['Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday', 'Sunday'];
 2
 3         $scope.check = function (value, e) {
 4             var idx = $scope.selectedWeekdays.indexOf(value);
 5             if (idx >= 0 && !e.target.checked) {
 6                 $scope.selectedWeekdays.splice(idx, 1);
 7             }
 8             if (idx < 0 && e.target.checked) {
 9                 $scope.selectedWeekdays.push(value);
10             }
11         };

2. ng-change doesn't get the $event argument

https://github.com/angular/angular.js/issues/6370

转载于:https://www.cnblogs.com/purple1/p/4972733.html

My 1st webUI try相关推荐

centos 安装 aria2 webui 实现网页下载
centos aria2 webui 安装aria2 安装 rpmforge源 wget http://repository.it4i.cz/mirrors/repoforge/redhat/el6/ ...
easyUI与选择WebUI
easyUI与选择WebUI 作者:sagahu@163.com,2013-03-25,太原关键字:easyUI, 选择WebUI 一.前言当今网上有了很多的WebUI库,也有很多的网页开发使用这 ...
自动化测试框架cucumber_基于Cucumber和Testng的WebUI自动化测试方法与流程
本发明涉及计算机技术领域,具体的说是基于Cucumber和Testng的WebUI自动化测试方法. 背景技术: 行为驱动测试方法已经在敏捷开发模式中普遍使用,通过使用标准化的语言将客户需求人员.开发人 ...
*** FATAL ERROR: too many grib files .. 1st=F:\data\预测数据 2nd=- ***
问题描述: 在使用wgrib2.exe 读取grib2文件的过程中,报错 *** FATAL ERROR: too many grib files - 1st=F:\data\预测数据 2nd=- * ...
webui框架的利与弊
不可否认,webui框架如easyui,jquery ui等,确实给我们的开发带来了便利.但其不足也是明显的,即其扩展性不足,如果使用者js功力深厚,可改之,如果是js的初学者,那就悲催了. 在开发公 ...
vs code gitee使用_实用为王！来看看Gitee上五款新鲜出炉的WebUI组件
提到 WebUI 组件类的开源项目,大家肯定首先会想到 Ant Design.Layui.ElementUI 等经典项目,但仍然有许多优秀的开发者在不断地探索和创新,今天 Gitee 为大家介绍的五款 ...
什么是1st tier conference?
minlan yu的论文分布是: 会议缩写 CCF等级 NSDI B CCR SOSR SIGMOD A SIGCOMM A CoNEXT B IMC B HotNets C JNSM H ...
为SQLMap配置WebUI界面
1.概述 sqlmap是一款开源.功能强大的自动化SQL注入工具,支持多种数据库和多种注入方式.在注入的时候,只需输入几条命令,便能为你节约大量的人力.物力.财力. 但很少有人知道,sqlmap提供A ...
前端开发总结--之关于FusionSphere WEBUI的想法
2019独角兽企业重金招聘Python工程师标准>>> 前端开发总结--之关于webui的想法从以下几个方面进行分析总得来说,Fusionsphere操作系统是为用户(一般为开发 ...

My 1st webUI try

1. Add three control to the UI: StartTime EndTime Weekdays:

2. ng-change doesn't get the $event argument

My 1st webUI try相关推荐

最新文章

热门文章