angular2

在app/app.html中,我们看到了这样一行代码 <ion-nav #content [root]="rootPage"></ion-nav> 注意 [root] 属性的绑定,它声明了 ion-nav 控制的root页面:当导航控制器被加载后, rootPage 组件中声明的页面将会被当作root页面. 在 app/app.js中,根组件MyApp在它的构造器中做了如此声明 import {App, IonicApp, Platform} from 'ionic/ionic'; import {HelloIonicPage} from './hello-ionic/hello-ionic'; import {ListPage} from './list/list'; class MyApp { constructor(app: IonicApp, platform: Platform) { // set up our app this.app = app; this.platform = platform; this.initializeApp(); // set our app's pages this.pages = [ { title: 'Hello Ionic', component: HelloIonicPage }, { title: 'My First List'

所有这一切都是在node环境下完成的,所有你需要先安装node,百度google,哪个喜欢用哪个 安装ionic2 因为还没有发布,现在的版本叫做alpha,这个版本的ionic有好多新特性,最刺激的是它完全集成了material design!!! 安装好了之后,你就可以用ionic <command>来执行相应的命令啦 npm install -g ionic@alpha 如果安装不成功的话,建议用cnpm安装,关于cnpm的使用以及介绍,请看 这里--淘宝cnpm过墙梯 ionic框架 ionic框架的npm包名是 ionic-framework.当你用命令行工具CLI创建一个新项目的时候,这个框架会被自动下载到本地.你可以通过package.json管理这个包的依赖和版本.一个简单的package.json就像这样 { "devDependencies": { // List of devDependencies }, "dependencies": { "ionic-framework": "2.0.0-alpha.34" } // and anything else} 我们可以得到这样的信息:这个项目依赖于ionic-framework,它的版本是 2.0.0-aplha.34. 如果你想得到最新的ionic-framework版本,你可以执行以下命令 npm

1. 下载ckpalyer整个包并导入, 将ckplayer放到src/assets/下 2. 引入ckplayer.js angular2中，在angular-cli.json中找到script,添加上ckplayer.js "scripts": ["./assets/ckplayer/ckplayer.js"] <div id="video" class="video"></div> 4. 编写实现函数 videoPlay(){ var videoObject = { container: '#video',//“#”代表容器的ID，“.”或“”代表容器的class variable: 'player',//该属性必需设置，值等于下面的new chplayer()的对象 autoplay: false,//自动播放 live: true, poster: 'material/poster.jpg',//视频封面 video:'rtmp://live.hkstv.hk.lxdns.com/live/hks'//视频地址 }; player = new ckplayer(videoObject); } 5.调试程序中的报错,player这里，先声明 player: any; 然后在videoPlayer函数中将最后一行的ckplayer加上this this.player =

版权声明：本文由屈政斌原创文章，转载请注明出处: 文章原文链接： https://www.qcloud.com/community/article/239 来源：腾云阁 https://www.qcloud.com/community 服务器: 腾讯云主机 (Centos 7.1) 项目:aspnetcore+angular2 开源项目模版 该项目使用webpack 打包Angular2, 内网涉及到npm请使用tnpm 环境安装 1.安装dotnetcore 根据官方指导进行 安装 ; 官网给出的安装引导是安装dotnet core 1.1 ,但是我们项目使用的dotnetcore 1.0.1 所以必须再安装1.0.1 (备注dotnet core 可以多个版本并存) curl -sSL -o dotnet.tar.gz https://go.microsoft.com/fwlink/?LinkID=827529 tar zxf dotnet.tar.gz -C /opt/dotnet (下载的地址不一样) 2.禁用防火墙 systemctl stop firewalld.service #停止firewall systemctl disable firewalld.service #禁止firewall开机启动 由于是学习项目,可以先关闭防火墙,

感觉TypeScript真不错，强类型，有点类似c#的感觉，而且如果写错了编辑器都可以感知出来，于是就开始看ionic2。ionic2是基于angular2的，语法跟以前有了很大的变化。但自己写原生app写惯了，反而觉得这种方式更方便一些。每个页面都是一个组件，组件里也可以套组件，html标签都可以自定义，也就可以无限扩展。虽然ionic2和angular2都还没发布正式版，但手头的这个小东西用一下也未尝不可，就开始动工了。 先列一下学习资源： TypeScript中文手册，这个网站应该是官方团队的中国人搞的，非常好，我看到的时候已经把英文版看完了，记不清的时候会再来翻一下，地址： https://www.gitbook.com/book/zhongsp/typescript-handbook/details angular2中文手册，这个网站出来不久，对学习非常有帮助，找到的时候也是已经把英文版文档看了一半多了，而且这个网站好的地方是可以同时把中文和英文对照着看。地址： https://angular.cn/docs/ts/latest/quickstart.html ionic2文档，一些指令基本跟1代类似，但用法有些变化，地址： http://ionicframework.com/docs/v2/ 开发工具强烈推荐VS Code，现在已经非常好用了

2017年的9月，正式从后端开发转做前端工作，这其中更多的是机缘。公司技术部门组织调整，原先的团队发生变动，领导准备组织新的人员去总部接项目，当时想着给自己更多挑战，就申请加入了新的团队。当时现状是，公司前端开发人员较少，属于稀缺资源，新的团队没有FE。到现场以后才知道，因为前后端分离，前端是单独的项目，使用的也是新的前端技术，ES6是基础，框架是React、Redux、antd，以及公司基于Webpack封装的构建框架，整个项目的开发和最终在系统上运行的流程也是全新的技术思路，需要一定的前端知识。当时自己的现状是会写JSP，写过一段时间的JS，也因为曾经在前端工作较重的情况帮助FE同事做过一些Angular1、Angular2的项目，算是在整个团队里面前端知识相对"丰富"的了，顺理成章就由我接了前端的两个项目。回来以后，由于自己对前端技术一直比较好奇，对大前端也有耳闻，前端人员人手不充足也给了自己机会，所以就在现在的领导的帮助下，顺利转了前端，正式成为了前端的开发小白，对我来说这是一个比较大的转折点。 在这几年的开发过程中，接触的前端技术也发生了很多的变化： 最开始的时候，公司没有单独的前端开发人员，前端的页面是由后端完成的，使用的是JSP。JSP 是运行在服务端的语言，使用服务端渲染，适用前后端耦合的项目。随着时代的发展，前后端的界限分得越来越明确，术业有专攻