sillycat
- 浏览: 2483469 次
- 性别:
- 来自: 成都
-
文章分类
最新评论
-
nation：
你好，在部署Mesos+Spark的运行环境时，出现一个现象， ...
Spark(4)Deal with Mesos -
sillycat：
AMAZON Relatedhttps://www.godad ...
AMAZON API Gateway(2)Client Side SSL with NGINX -
sillycat：
sudo usermod -aG docker ec2-use ...
Docker and VirtualBox(1)Set up Shared Disk for Virtual Box -
sillycat：
Every Half an Hour30 * * * * /u ...
Build Home NAS(3)Data Redundancy -
sillycat：
3 List the Cron Job I Have>c ...
Build Home NAS(3)Data Redundancy
Hybrid(3)More Meteor Example - Social
Following the document from here
http://angular-meteor.com/tutorials/angular1/bootstrapping
1. Bootstrapping
Create the project
> meteor create socially
Just build index.html with only <body> tag
<body>
<p>Nothing</p>
</body>
Meteor scans all the HTML files in the application and concatenates them together.
So display will be as follow:
Nothing now
Welcome to Meteor!
Click Me
You've pressed the button 0 times.
Add Angular
> meteor add urigo:angular
Create an angular file with name index.ng.html, because we have .ng.html, so Blaze will not compile it.
<p>nothing here {{ 'yet' + '!' }}</p>
<p>1 + 2 = {{ 1 + 2 }}</p>
Then we create our app.js
if(Meteor.isClient){
angular.module('socially',['angular-meteor']);
}
http://docs.meteor.com/#/full/meteor_isclient
Meteor.isClient
Meteor.isServer
Meteor.isCordova
Our index.html will including the angular application as follow:
<body ng-app="socially">
<div ng-include="'index.ng.html'"></div>
</body>
2. Static Template & Dynamic Template
This will work with angularJS
<div ng-controller="PartiesListCtrl">
<ul>
<li ng-repeat="party in parties">
{{party.name}}
<p>{{party.description}}</p>
</li>
</ul>
</div>
if(Meteor.isClient){
angular.module('socially',['angular-meteor']);
angular.module('socially').controller('PartiesListCtrl', ['$scope',
function($scope){
$scope.parties = [
{'name': 'Dubstep-Free Zone',
'description': 'Can we please just for an evening not listen to dubstep.'},
{'name': 'All dubstep all the time',
'description': 'Get it on!'},
{'name': 'Savage lounging',
'description': 'Leisure suit required. And only fiercest manners.'}
];
}]);
}
3. Data Binding
http://angular-meteor.com/tutorials/angular1/3-way-data-binding
Mongo.Collection
client - minimongo, client-side in-memory mongoldb backed by local storage with server sync over http
https://github.com/mWater/minimongo
server - Mongo
4. Adding/Removing Objects and Angular event Handling
http://angular-meteor.com/api/AngularMeteorCollection
5. Routing & Multiple Views
> meteor add angularui:angular-ui-router
6. Bind One Object
http://angular-meteor.com/api/meteorObject
7. Folder Structure
https://github.com/Urigo/meteor-angular-socially
8. User Accounts, Authentication and Permissions
http://docs.meteor.com/#/full/allow
http://docs.meteor.com/#/full/meteor_loginwithexternalservice
auth
https://developers.google.com/identity/sign-in/web/backend-auth
http://stackoverflow.com/questions/8311836/how-to-identify-a-google-oauth2-user/13016081#13016081
http://stackoverflow.com/questions/12296017/how-to-validate-a-oauth2-0-access-token-for-a-resource-server
9. Privacy and publish-subscribe function
auto publish pushes a full copy of database to each client.
http://www.meteorpedia.com/read/Understanding_Meteor_Publish_and_Subscribe
10. Deploying Your App
Not suitable for me. I need to deploy it somewhere else.
11. Running your application on Android or iOS
http://angular-meteor.com/tutorials/angular1/running-your-app-on-android-or-ios-with-phoneGap
12. Search, Sort, Pagination and Reactive Vars
http://angular-meteor.com/tutorials/angular1/search-sort-pagination-and-reactive-vars
13. Creating AngularJS filter
14. Meteor method with promises
15. Conditional template directives with AngularJS
16. Google Map
http://angular-meteor.com/tutorials/angular1/google-maps
17. CSS and Bootstrap
http://angular-meteor.com/tutorials/angular1/css-less-and-bootstrap
18. ..
19. 3rdParty Libraries
http://angular-meteor.com/tutorials/angular1/3rd-party-libraries
https://atmospherejs.com/
20. Handling Files with CollectionFS
https://github.com/CollectionFS/Meteor-CollectionFS
All API
http://angular-meteor.com/api/meteorCollection
References:
http://sillycat.iteye.com/blog/2221893
http://sillycat.iteye.com/blog/2231030
authentication
http://www.riskcompletefailure.com/2013/11/client-server-authentication-with-id.html
https://developers.google.com/identity/sign-in/web/
mongo URL
http://stackoverflow.com/questions/23786647/meteor-up-deployment-cant-use-meteor-mongo-url
https://github.com/arunoda/meteor-up
angular and REST
http://fdietz.github.io/recipes-with-angular-js/consuming-external-services/consuming-restful-apis.html
https://developers.google.com/identity/protocols/OpenIDConnect
example
https://github.com/nate-strauser/wework
https://github.com/awatson1978/meteor-cookbook
https://github.com/ericdouglas/Meteor-Learning
angular meteor
http://angular-meteor.com/
http://angular-meteor.com/tutorials/angular1/bootstrapping
https://www.meteor.com/tutorials/angular/creating-an-app
crawl
https://github.com/timbrandin/meteor-crawler
https://medialab.github.io/artoo/
https://github.com/jbdemonte/linkedin-crawler
http://stackoverflow.com/questions/11708387/get-contents-of-link-tag-with-javascript-not-css/18447625#18447625
Following the document from here
http://angular-meteor.com/tutorials/angular1/bootstrapping
1. Bootstrapping
Create the project
> meteor create socially
Just build index.html with only <body> tag
<body>
<p>Nothing</p>
</body>
Meteor scans all the HTML files in the application and concatenates them together.
So display will be as follow:
Nothing now
Welcome to Meteor!
Click Me
You've pressed the button 0 times.
Add Angular
> meteor add urigo:angular
Create an angular file with name index.ng.html, because we have .ng.html, so Blaze will not compile it.
<p>nothing here {{ 'yet' + '!' }}</p>
<p>1 + 2 = {{ 1 + 2 }}</p>
Then we create our app.js
if(Meteor.isClient){
angular.module('socially',['angular-meteor']);
}
http://docs.meteor.com/#/full/meteor_isclient
Meteor.isClient
Meteor.isServer
Meteor.isCordova
Our index.html will including the angular application as follow:
<body ng-app="socially">
<div ng-include="'index.ng.html'"></div>
</body>
2. Static Template & Dynamic Template
This will work with angularJS
<div ng-controller="PartiesListCtrl">
<ul>
<li ng-repeat="party in parties">
{{party.name}}
<p>{{party.description}}</p>
</li>
</ul>
</div>
if(Meteor.isClient){
angular.module('socially',['angular-meteor']);
angular.module('socially').controller('PartiesListCtrl', ['$scope',
function($scope){
$scope.parties = [
{'name': 'Dubstep-Free Zone',
'description': 'Can we please just for an evening not listen to dubstep.'},
{'name': 'All dubstep all the time',
'description': 'Get it on!'},
{'name': 'Savage lounging',
'description': 'Leisure suit required. And only fiercest manners.'}
];
}]);
}
3. Data Binding
http://angular-meteor.com/tutorials/angular1/3-way-data-binding
Mongo.Collection
client - minimongo, client-side in-memory mongoldb backed by local storage with server sync over http
https://github.com/mWater/minimongo
server - Mongo
4. Adding/Removing Objects and Angular event Handling
http://angular-meteor.com/api/AngularMeteorCollection
5. Routing & Multiple Views
> meteor add angularui:angular-ui-router
6. Bind One Object
http://angular-meteor.com/api/meteorObject
7. Folder Structure
https://github.com/Urigo/meteor-angular-socially
8. User Accounts, Authentication and Permissions
http://docs.meteor.com/#/full/allow
http://docs.meteor.com/#/full/meteor_loginwithexternalservice
auth
https://developers.google.com/identity/sign-in/web/backend-auth
http://stackoverflow.com/questions/8311836/how-to-identify-a-google-oauth2-user/13016081#13016081
http://stackoverflow.com/questions/12296017/how-to-validate-a-oauth2-0-access-token-for-a-resource-server
9. Privacy and publish-subscribe function
auto publish pushes a full copy of database to each client.
http://www.meteorpedia.com/read/Understanding_Meteor_Publish_and_Subscribe
10. Deploying Your App
Not suitable for me. I need to deploy it somewhere else.
11. Running your application on Android or iOS
http://angular-meteor.com/tutorials/angular1/running-your-app-on-android-or-ios-with-phoneGap
12. Search, Sort, Pagination and Reactive Vars
http://angular-meteor.com/tutorials/angular1/search-sort-pagination-and-reactive-vars
13. Creating AngularJS filter
14. Meteor method with promises
15. Conditional template directives with AngularJS
16. Google Map
http://angular-meteor.com/tutorials/angular1/google-maps
17. CSS and Bootstrap
http://angular-meteor.com/tutorials/angular1/css-less-and-bootstrap
18. ..
19. 3rdParty Libraries
http://angular-meteor.com/tutorials/angular1/3rd-party-libraries
https://atmospherejs.com/
20. Handling Files with CollectionFS
https://github.com/CollectionFS/Meteor-CollectionFS
All API
http://angular-meteor.com/api/meteorCollection
References:
http://sillycat.iteye.com/blog/2221893
http://sillycat.iteye.com/blog/2231030
authentication
http://www.riskcompletefailure.com/2013/11/client-server-authentication-with-id.html
https://developers.google.com/identity/sign-in/web/
mongo URL
http://stackoverflow.com/questions/23786647/meteor-up-deployment-cant-use-meteor-mongo-url
https://github.com/arunoda/meteor-up
angular and REST
http://fdietz.github.io/recipes-with-angular-js/consuming-external-services/consuming-restful-apis.html
https://developers.google.com/identity/protocols/OpenIDConnect
example
https://github.com/nate-strauser/wework
https://github.com/awatson1978/meteor-cookbook
https://github.com/ericdouglas/Meteor-Learning
angular meteor
http://angular-meteor.com/
http://angular-meteor.com/tutorials/angular1/bootstrapping
https://www.meteor.com/tutorials/angular/creating-an-app
crawl
https://github.com/timbrandin/meteor-crawler
https://medialab.github.io/artoo/
https://github.com/jbdemonte/linkedin-crawler
http://stackoverflow.com/questions/11708387/get-contents-of-link-tag-with-javascript-not-css/18447625#18447625
分享到：
发表评论
-
ionic UI(4)ionic2 framework - basic and components and native
2016-03-24 02:33 1222ionic UI(4)ionic2 framework - b ... -
ionic UI(3)TypeScript - handbook
2016-03-22 23:21 590ionic UI(3)TypeScript - handboo ... -
ionic UI(2)ionic2 framework - TypeScript - tutorial
2016-03-22 06:52 1618ionic UI(2)ionic2 framework - T ... -
Parse and Heroku Service(3)Parse Server and Parse Dashboard
2016-03-22 06:30 939Parse and Heroku Service(3)Pars ... -
Parse and Heroku Service(2)Mail Templates and Push Notification
2016-03-22 02:45 541Parse and Heroku Service(2)Mail ... -
ionic UI(1)Introduction
2016-03-19 03:18 678ionic UI(1)Introduction 1 Inst ... -
Parse and Heroku Service(1)Heroku Installation and Play
2016-03-19 00:13 784Parse and Heroic Service(1)Hero ... -
Hybrid(5)Customize Meteor Directly Google Login
2015-09-01 02:33 884Hybrid(5)Customize Meteor Direc ... -
Hybrid(4)Favorite Places - Google Login
2015-09-01 02:02 1295Hybrid(4)Favorite Places - Goog ... -
Hybrid(2)meteor Running Android and iOS
2015-07-28 23:59 1003Hybrid(2)meteor Running Android ... -
Create the Google Play Account
2015-07-18 06:42 1055Create the Google Play Account ... -
Secure REST API and Mobile(1)Document Read and Understand OAUTH2
2015-07-14 00:36 725Secure REST API and Mobile(1)Do ... -
Screen Size and Web Design
2015-07-11 01:11 688Screen Size and Web Design iPh ... -
Hybrid(1)ionic Cordova meteor
2015-06-25 05:49 429Hybrid(1)ionic Cordova meteor ... -
Android Fire Project(1)Recall Env and Knowledge
2015-02-11 12:28 646Android Fire Project(1)Recall ... -
Android Content Framework(1)Concept
2014-06-14 13:54 1046Android Content Framework(1)Con ... -
Feel Android Studio(1)Install and Update Android Studio
2014-04-11 03:12 1972Feel Android Studio(1)Install a ... -
IOS7 App Development Essentials(2)iBeacon
2014-03-05 05:55 845IOS7 App Development Essentials ... -
IOS7 App Development Essentials(1) Persistent Store
2014-03-05 05:54 1275IOS7 App Development Essentials ... -
Mobile Jquery(5)Update and Know about Express
2014-01-30 06:33 1224Mobile Jquery(5)Update and Know ...
相关推荐
前端开源库-meteor-random-window-crypto流星随机窗口加密，空
前端开源库-meteor-html-toolsMeteor HTML工具，空
Meteor-zookeeper-core 是一个对zookeeper操作的集成方案，其核心设计目的，对内高内聚、无入侵, 采用fastjson序列化与反序列化,内置了数据本地缓存，实现节点监听；对外开箱即用、易扩展、轻量级,提供丰富API方法，...
这是使用流星包跟踪用户状态的示例。在线示例本地运行git clone https://github.com/Konecty/meteor-user-presence-example-chatcd meteor-user-presence-example-chatmeteor
流星示例应用使用analytics.js和analytics-node设置Meteor应用程序meteor create meteor-example-app cd meteor-example-app meteor add pahans:segment.io 添加analytics.load("YOUR_WRITE_KEY"); 到meteor-example...
安装 npm install gagarin -g跑步1 启动应用 meteor2 测试应用 gagarin -t 3000 ➜ gagarin-example-the-simplest-one git:(master) ✗ gagarin -t 3000 --- building app => /Users/me/projects/gagarin/gagarin-...
前端开源库-meteor-reactive-object-map流星反应物地图，流星火焰模板的反应图助手
meteor-link-accounts, ( 查找维护者) Meteor 链接帐户包 在这个PR上，基于 Meteor 链接帐户用于链接社交网络帐户的Meteor 软件包，无需任何麻烦。下一步查找 Apollo ( graphQL )查看合并到 Meteor/帐户中。更新更...
meteor-up-legacy, 生产质量 Meteor 部署 Meteor这里版本不再维护。Mupx 是稳定版本。新开发移至以下位置： https://github.com/kadirahq/meteor-up 。产品质量 Meteor 部署Meteor 是一个支持你将任何 Meteor
前端开源库-meteor-apollo-accounts流星阿波罗帐户，流星帐户在图形库
前端开源库-meteor-observe-sequence流星观测序列，空
meteor-redux-middlewares, 中间件将 Meteor 反应源与redux存储同步 meteor-redux-middlewares 中间件将 Meteor 反应源与redux存储同步。现场演示插件GitHub上的演示源在 npm 上的包在大气环境中的包。安装使用 npm...
用法meteor add lpender:cordova-social-sharing请参阅的用法。
前端开源库-meteor-spacebars-compilerMeteor空格键编译器，空
meteor-force-ssl-1-源码.rar
meteor-cordova-notifications, 使用 Meteor 构建的Cordova应用程序的简单推送通知 meteor-cordova-notifications[Gitter](https://badges.gitter.im/Join chat 。svg )!使用 Meteor 构建的Cordova应用程序的简单推...
前端开源库-meteor-htmljsMeteor HTMLJS，空
meteor-electron-client, 使用 Meteor 构建桌面应用程序的样板 ！ meteor-electron-client使用 Meteor 构建桌面应用程序的样板 ！：为什么要构建带有的电子应用？这个项目是由这个视频启发的 ！ Meteor 是在构建...
博客 http://blog.csdn.net/a6383277/article/details/23100421涉及到的源码
meteor-numeral-源码.rar