html
Anni的咖啡
这个作者很懒,什么都没留下…
展开
-
angular实现购物车
一.实现的效果如下1. 完成页面布局,如图1.1(button按钮可以用普通按钮)(页面布局合理、代码无误各 5分、共10分)2.声明数据对象,初始化商品信息,数据自拟且不低于四条(代码、效果各5分)3. 用ng-repaet指令将对象遍历并渲染到页面中(代码、效果各5分)4.点击”+”按钮输入框中的数量加1(5分),同时原创 2017-10-21 10:57:53 · 408 阅读 · 0 评论 -
angular实现简单的用户信息表
一.实现要求1. 搭建页面2. 显示所有用户信息3. 根据用户名实现用户查询显示4. 根据年龄范围下拉菜单实现用户显示5. 根据用户年龄实现用户显示6. 实现批量删除功能:选中左侧多选框,点击批量删除,删除选中项,没选中提示用户,点击最上方的多选框,实现全选。7. 点击添加用户,下方页面显示添加用户界面,填写用户信息原创 2017-10-21 10:52:52 · 459 阅读 · 0 评论 -
angular部分指令的简单使用
一.AngularJS 指令指令描述ng-app定义应用程序的根元素。ng-bind绑定 HTML 元素到应用程序数据ng-bind-html绑定 HTML 元素的 innerHTML 到应用程序数据,并移除 HTML 字符串中危险字符ng-bind-template原创 2017-10-13 19:21:57 · 237 阅读 · 0 评论 -
angular实现httpget请求
一.实现http请求,需要将所需的json文件导入工程中,否则无法正确实现效果二,http请求的代码展示 var app = angular.module("myApp", []); app.value("url_book", "book.json"); app.value("url_books"原创 2017-10-13 18:29:38 · 1113 阅读 · 0 评论 -
angular 实现等待一段时间显示文字
一.使用angular实现得到当前时间以及规定多少时间后显示数据二.实现代码 {{ nowtime }} 等待5秒显示的文字:{{ mytext }} var nowtime = function () { return new Date().toLocaleDateString() + " " + ne原创 2017-10-13 18:22:55 · 3283 阅读 · 0 评论 -
angular进行时间展示
一.在angular中有很多属性方法,一下为大家展示下简单的显示时间的操作二.代码展示 var app = angular.module("timer",[]); app.directive("nowTime",function(){ return{ rest原创 2017-10-13 14:25:52 · 750 阅读 · 0 评论 -
html 中显示.隐藏的方法的使用
一.代码展示 // function showTitle() { // var titleElement = document.getElementById("title"); // titleElement.style.display = "b原创 2017-10-08 18:46:06 · 714 阅读 · 0 评论 -
angular 获取json字符串
一.使用angular获取字符串需要将所需要的字符串导入工程项目中,然后再进行对字符串元素获取的操作二.进行代码展示 var app = angular.module("myApp", []); app.controller("bookCtrl", function ($scope, $http) {原创 2017-10-13 14:17:27 · 1634 阅读 · 0 评论 -
html 中的location部分方法
一.代码 // console.log("URL地址: " + window.location.href); // console.log("主机名: " + window.location.hostname); // console.log("端口: " +原创 2017-10-08 18:44:48 · 754 阅读 · 0 评论 -
media 属性的使用
一.media 属性规定被链接文档将显示在什么设备上。media 属性用于为不同的媒介类型规定不同的样式。二. 代码 @media (max-width: 320px) { body{ background-color: red;原创 2017-10-08 13:58:45 · 735 阅读 · 0 评论 -
jquery 注册表单验证
一.完成要求1. 完成页面布局(页面布局合理、样式和图片一致、代码无误各5分、共15分)2. 用jquery验证Email地址是否有效,要求Email地址中必须包含@符号(5分),如果Email地址有效则显示”正确”的图标(5分),并在图标后面提示用户可用(5分),否则在Email注册框后面显示”错误”的图标(5分),图标后面提示用户Email错误。(5分)3. 在设置昵原创 2017-10-15 21:47:17 · 422 阅读 · 0 评论 -
angular实现内容追加
一.使用angular实现如下效果若记录的内容已存在或搜索不到相关内容是会有弹框提示二.实现此案例的代码如下 记账本 * { margin: 0; padding: 0; } li { list-style:原创 2017-10-17 19:03:00 · 318 阅读 · 0 评论 -
angular的实现商品信息的增 删 查
一.实现要求1、 完成页面(30分)2、 点击“新增订单”,弹出上框,新增订单状态都是“待发货”3、 每个排序5分4、 提交订单时,检查表单,提示错误内容,并且将文本框颜色变红色(错误提示:10分,提交成功:5分)5、 选择状态查询:待发货、已发货、已收货(5分)6、原创 2017-10-25 14:47:12 · 400 阅读 · 0 评论