约翰·帕帕的Angular风格指南：基于实战的团队开发规范

需积分: 10 38 浏览量更新于2024-07-23 收藏 1.14MB PDF 举报

身份认证购VIP最低享 7 折!

领优惠券(最高得80元）

资源详情

资源推荐

2014年8月29日 angularjs-styleguide/README.md at master · johnpapa/angularjs-styleguide · GitHub

https://github.com/johnpapa/angularjs-styleguide/blob/master/README.md 6/31

/* recommended */

function Sessions() {

var vm = this;

vm.gotoSession = gotoSession;

vm.refresh = refresh;

vm.search = search;

vm.sessions = [];

vm.title = 'Sessions';

////////////

function gotoSession() {

/* */

}

function refresh() {

/* */

}

function search() {

/* */

}

Note: If the function is a 1 liner it consider keeping it right up top, as long as readability is not affected.

/* avoid */

function Sessions(data) {

var vm = this;

vm.gotoSession = gotoSession;

vm.refresh = function() {

/**

* lines

* of

* code

* affects

* readability

2014年8月29日 angularjs-styleguide/README.md at master · johnpapa/angularjs-styleguide · GitHub

https://github.com/johnpapa/angularjs-styleguide/blob/master/README.md 7/31

};

vm.search = search;

vm.sessions = [];

vm.title = 'Sessions';

/* recommended */

function Sessions(dataservice) {

var vm = this;

vm.gotoSession = gotoSession;

vm.refresh = dataservice.refresh; // 1 liner is OK

vm.search = search;

vm.sessions = [];

vm.title = 'Sessions';

Defer Controller Logic: Defer logic in a controller by delegating to services and factories.

Why?: Logic may be reused by multiple controllers when placed within a service and exposed via a function.

Why?: Logic in a service can more easily be isolated in a unit test, while the calling logic in the controller can be easily

mocked.

Why?: Removes dependencies and hides implementations details from the controller.

/* avoid */

function Order ($http, $q) {

var vm = this;

vm.checkCredit = checkCredit;

vm.total = 0;

function checkCredit () {

var orderTotal = vm.total;

return $http.get('api/creditcheck').then(function (data) {

var remaining = data.remaining;

return $q.when(!!(remaining > orderTotal));

});

};

}

/* recommended */

function Order (creditService) {

var vm = this;

vm.checkCredit = checkCredit;

vm.total = 0;

function checkCredit () {

return creditService.check();

};

}

Assigning Controllers: When a controller must be paired with a view and either component may be re-used by other

controllers or views, define controllers along with their routes.

Note: If a View is loaded via another means besides a route, then use the ng-controller="Avengers as vm"

syntax.

Why?: Pairing the controller in the route allows different routes to invoke different pairs of controllers and views. When

controllers are assigned in the view using ng-controller , that view is always associated with the same controller.

/* avoid - when using with a route and dynamic pairing is desired */

// route-config.js

angular

.module('app')

.config(config);

function config ($routeProvider) {

剩余30页未读，继续阅读

hikari_vanish

粉丝: 0
资源: 6

约翰·帕帕的Angular风格指南：基于实战的团队开发规范

angularjs-style-guide-github

AngularJS_template:具有基本文件结构的简单 AngularJS 应用程序

Jenkins与Git_GitHub集成实践

'paho.mqtt.c?utm_source=csdn_github_accelerator'

ssh-keygen -t rsa -C 'hello@qq.com' -f ~/.ssh/github_id_rsa

cp: 无法创建目录'/etc/ros/ros_github': 权限不够

python电影推荐系统 github_GitHub - Holy-Shine/movie_recommend_system: 一个简单的电影推荐系统...

rockchip_developer_guide_linux_wifi_bt_cn.pdf位置

$ ssh-keygen -t rsa -C '908069970@qq.com' -f ~/.ssh/github_id_rsa Generating public/private rsa key pair. Enter passphrase (empty for no passphrase):

gitlab和github同时配置ssh

ios项目传到github_使用GitHub Actions将iOS应用程序部署到TestFlight或App Store

githubdesktop_zh.zip

cmakelist 库依赖库_github上算法库的CMakeLists如何理解

install_github

写个jsdelivr上传Github文件代码

maven怎么得到github

在R程序中反馈没有"install_github"这个函数怎么办

ssh-keygen -t rsa -C "你的邮箱" -f /c/Users/MagicBook/.ssh/gitee_id_rsassh-keygen -t rsa -C "你的邮箱" -f /c/Users/MagicBook/.ssh/github_id_rsa

最新资源