{{ctrl2.getA()}}

首先$scope是ViewModel，即视图层与模型层的桥梁。先看一下下图：

可以看出Ctrl1 as ctrl1语法，实际上是在$scope对象上新增一个ctrl1的属性，而属性值是一个包含setA和a属性的对象。在创建Ctrl1的时候，我们只添加了setA属性。为什么会有一个a属性呢？因为你使用了ng-model指令(实现双向绑定)，当input输入框改变时，发现ctrl1对象中没有a属性(绑定值是原始数据类型哈)，那么它会自动创建一个。上面示例中Ctrl1的调整后的代码如下：

myapp.controller("Ctrl1",["MathService",function(MathService){
   this.setA = MathService.setA;
}]);

模板中直接使用的service的话，可以把service添加到$rootScope对象上：

var myapp = angular.module("myapp",[]).run(["$rootScope",
 "MathService", function($rootScope, MathService) {
   return $rootScope.mathService = MathService;}
]);

个人不推荐这样使用，如果使用这样方法，最好加个命名空间。

另外使用ng-model进行数据绑定时，推荐使用如下方式:

1.更新后模板

<section ng-controller="Ctrl1 as ctrl1">
    <input type="text" ng-model="ctrl1.obj.a"/>
    <!-- ctrl1.obj.a 这个值推荐在Ctrl中直接获取 -->
    <input type="button" value="设置" ng-click="ctrl1.setA(ctrl1.obj.a)">
</section>

2.更新后Ctrl1

myapp.controller("Ctrl1",["MathService",function(MathService){
   this.setA = MathService.setA;
   thi.obj = {};
}]);

友情提示(已知的请略过):
1.截图中使用的调试工具是Chrome插件 - AngularJS
2.示例中使用Angular stict DI，是推荐的做法。但如果嫌麻烦的话，可以参考使用
gulp-ng-annotate