[AngularJS] Thinking Differently About Organization

1. In controller, instead of set funciton to scope, we can set function or atts to this.

And then return $scope.ControllerName = this;

2. Organization about controller and directive:

controller('appCtrl',function(){});

equals toÖ

var controllers= {};

controllers.AppCtrl = function(){

}

var app = angular.module("phoneApp", []);

var phoneStuff = {};
phoneStuff.controllers = {};
phoneStuff.controllers.AppCtrl = function($scope){
    this.sayHi = function () {
        alert('Hi');
    }

    return $scope.AppCtrl = this;
};

phoneStuff.directives = {};
phoneStuff.directives.panel = function(){
    return{
        restrict: 'E'
    };
};

app.controller(phoneStuff.controllers);
app.directive(phoneStuff.directives);

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>Angular Scope &</title>
    <link href="foundation.min.css" rel="stylesheet"/>
    <script src="angular.min.js"></script>
    <script src="app.js"></script>
</head>
<body >
<div ng-app="phoneApp">
    <div ng-controller="AppCtrl">
        <panel>
            <div class="button" ng-click="AppCtrl.sayHi();">Click me!</div>
        </panel>
    </div>
</div>
</body>
</html>

posted @ 2014-08-24 05:26 Zhentiw 阅读(155) 评论(0) 编辑收藏举报

刷新页面返回顶部

（评论功能已被禁用）

公告

昵称： Zhentiw
园龄： 13年2个月
粉丝： 41
关注： 0

+加关注

2025年3月

日

一

二

三

四

五

六

Answer1215

[AngularJS] Thinking Differently About Organization

公告

常用链接

最新随笔

积分与排名

随笔分类

随笔档案

阅读排行榜

评论排行榜