party_bid是我的第一个用AngularJS开发的web应用。
1,用yeoman创建工程。yeoman的安装已写在linux系统配置中,这里就不再多写。
mkdir my-project //创建工程文件夹
cd my-project
yo webapp
npm install -g generator-angular
yo angular
项目搭建好之后,用RubyMine打开项目,便开始了我的party_bid项目。
2,model,view,controller模型。在AngularJS中,视图(view)指的是浏览器加载和渲染之后,并且在AngularJS根据模板、控制器、模型信息修改之后的DOM。与view关系紧密的是控制器。在AngularJS中,控制器是一个Javascript函数(类型/类),用来增强除了根作用域以外的作用域实例的。当你或者AngularJS本身通过scope.$new来
创建一个新的子作用域对象时,有一个选项能让你将它当做参数传递给控制器。这能使AngularjS将控制器和这个作用域联系起来,增强作用域的行为。model模型,负责后台数据的处理,表示应用中的整个数据模型。
3,css样式表。初步开发web应用,可以先用bootstrap的样式模板。到官网http://www.bootcss.com/下载css文件和js文件,然后在index.html文件中引用js文件:
<script src="../bootstrap.js"></script>
然后在引用css文件即可。如:
<link rel="stylesheet" href="../bootstrap.css" />
4,运行、调试web程序:在终端中进入项目根目录,输入:
grunt serve
查看效果。
5,页面跳转:用AngularJS的路由route。例如:我需要从一个页面点击一个按钮跳转到login页面,在controller.js里的click事件函数里写
$location.path('/login');//将url设为login结尾
在route.js写
.when('/login',//判断url是不是以login结尾
{
templateUrl:"./login.html",//指当前文件夹下的login.html文件
controller:'login_controller'//指定控制器
})
6,url传参:用$routeParams实现。例如:要在login.html页面将name参数传到main.html页面。在login的控制器path后加上参数。如
$location.path('/main/'+name);
在路由中rout.js:
.when('/main/:name',
{
templateUrl:"./main.html",
controller:'main_controller'
})
接收参数,在main页面controller.js加上$routeParams
.controller('main_controller', function ($scope, $location,$routeParams
$scope.activity_name=$routeParams.name;//接收值
7,数据存储:localSorage
var activity_list= JSON.parse(localStorage['activity_list'] || '[]');//在localStroage中取出数据,后面的‘[]’判断activity_list是否有值,如果没有就将'[]'赋值给activity_list
activity_list.unshift(name);//将name写入activity_list数组的最前,unshift()方法与pusu()相反
localStorage['activity_list']=JSON.stringify(activity_list);//写入localstorage。
8, 双向绑定 和$scope。
$scope是一个把view(一个DOM元素)连结到controller上的对象。
{{}}表达式:是类似Javascript的代码片段,通常在绑定中用到,写在双大括号中如{{表达式}}。
例:
js
$scope.warn="活动名称有重复,请重新输入!"//绑定在页面显示警告
html
{{warn}}//在页面通过{{}}表达式显示warn
9,ng-repeat遍历数组:
<li ng-repeat="list in lists">
<p>{{list}}</p>
</li>
10,按钮不可用和不显示属性:ng-disabled,ng-show
<button ng-disabled="!name">button</button>
11,css样式问题,每次修改css后或者grunt serve 页面样式便会出问题。通过看gruntfile,把Gruntfile里的四个'autoprefixer'注释掉就可以了
// 'autoprefixer',
分享到:
相关推荐
数据格式 uid_score_bid 如 dingdanglbh,4.0 ,25862578 Luna-cat,5.0 ,25862578 aiyung,5.0 ,25862578
该招标项目前端设计源码采用JavaScript编写,包含280个文件,涵盖177个JavaScript文件、26个CSS文件、24个HTML文件、22个Java文件以及少量地图、JSON、图像、XML...整个项目旨在打造一个功能完善、界面美观的招标平台。
标题中的"case9_bid.rar_PSO_PSO power_PSO 潮流_case9_pso power flow"揭示了这个压缩包文件包含的是一个关于电力系统潮流计算的案例,使用了粒子群优化(PSO, Particle Swarm Optimization)算法。PSO是一种基于...
3. 除法:如果当前CRC寄存器的最右边一位为1,就与生成多项式G(x)进行异或操作,相当于模2除法。 4. 重复步骤2和3,直到所有数据位都被处理。 5. 结果:最后CRC寄存器的值就是CRC-16校验和。 在Verilog中实现CRC-16...
欧美1分钟历史数据,2003年5月到2019年2月,MT4EA回测好用。
"mc_bid"通常在IT行业中指的是“Multi-Channel Bid”,这是一种广告投放策略,特别是在数字营销领域,用于优化广告在多个渠道上的出价。这个概念主要应用于程序化广告(Programmatic Advertising),通过自动化的...
在压缩包子文件的文件名称 "Repaso_Clases_Objetos_call_aplly_bid_22_02_2021-master" 中,我们可以推测这可能是一个项目仓库的主分支,包含有关课程的源代码、笔记或其他资源。 现在,让我们深入探讨这些知识点:...
去噪代码 matlab
bid0-lid64-steam.game_steamzc9_2.0.0.2702.exe.file
bid0-lid0-steam游戏管家_steambdth01_1.0.0.1487@1prw2r@gog.exe
【标题】"Bid Documents - Toyota Hilux Fx_pdf_" 暗示了这是一个与丰田Hilux FX车型相关的招标文件,格式为PDF。在IT领域,PDF(Portable Document Format)是一种广泛使用的文档格式,用于保存内容,确保在不同...
1. **verify.json**:这是一个JSON(JavaScript Object Notation)文件,通常用来存储配置信息、验证数据或者元数据。JSON是一种轻量级的数据交换格式,易于人阅读和编写,同时也易于机器解析和生成。在这个上下文中...
标题“bid_shift_reg.rar_plus”暗示我们关注的焦点是一个与数字电路设计相关的项目,特别是使用VHDL(Very High-Speed Integrated Circuit Hardware Description Language)编写的双向移位寄存器。在电子工程领域,...
bid0-lid64-steam.game_steamzc_2.0.0.2242.exe
标题中的“Bid Documents - Service Pick-up_OntheUp_tantakpins_”暗示这是一份关于服务接洽的投标文档,其中可能包含了与"OntheUp"和"tantakpins"两个关键词相关的服务流程或项目信息。"OntheUp"可能是项目、服务...
出价统计信息和详细信息 作为签约过程一部分而...bids.details数组用于提供一个或多个Bid对象,每个对象代表收到的唯一出价。 bids.statistics数组用于表示有关投标和投标者数量的关键统计信息。 数组中的每个条目都
启明星工程项目投标系统bid v26.0是一个专门针对工程投标流程设计的软件工具,它集成了项目管理、招标公告浏览、标书制作、电子投标等功能,旨在提高投标过程的效率和准确性。这个版本(v26.0)可能是该系统的一次...
bid格式招投标文件阅读器,可以打开浏览、管理电子招标文件,如果打不开标书文件,请按下面步骤检查:1、请查看招标文件(.bid文件)是否下载完全,请用IE下载工具下载;2、查看IE浏览器版本,如果版本低于IE8,低于IE...
《图书管理系统项目个人总结报告》 本报告主要围绕我参与的图书管理系统项目进行总结,旨在阐述项目背景、功能实现、个人职责以及所学知识。该项目名为“图书管理系统”,由MT开发小组在30天内完成,旨在为小型图书...
总结来说,一份全面的"Project Bid Doc"软件项目投标文档,需要涵盖项目理解、技术方案、实施计划、团队实力、成本控制、服务承诺等多个方面,通过这些内容,企业向招标方展示其专业水平和执行力,以提高中标的可能...