ionic添加自定义xxx.js控制器文件不生效的问题

我的环境：
C:\XXX>ionic -v
1.7.14

问题描述：
1.我在ionic工程中添加了一个test.js文件，内容如下：
angular.module('XXX.controllers')


.controller('TestCtrl', function ($scope, $http, $ionicHistory, $ionicLoading) {
    console.log("ok....");
    $scope.name = "TestCtrl";
});

2.我在路由文件中添加了如下代码：
....
 .state('app.test', {
        url: '/test',
        views: {
            'test': {
                templateUrl: 'templates/test.html',
                controller: 'TestCtrl'
            }
        }
    })
...


3.刷新浏览器，成功打开了test.html页面，该页面有如下代码片段：
<p>{{name}}</p>
悲催的是test.html页面并没有输出name的值。。。
-----------------------------------------------------------------------------------------
问题分析：
1、一开始我以为新增js文件，需要配置ionic，在工程目录下面找了好久，没发现什么有用的配置文件。。。
2、后面想想，html页面要使用js文件，简单的引入不就可以了吗？真的就是这样哈!


----------------------------------------------------------------------------------------------------
解决方法：
找到index.html文件，在里面引入我们新增的js文件即可：

<script src="js/controllers/test.js"></script>

---------------------------------------------------------------------------------------------------------------

感想：这么简单的问题，花了我差不多一个小时的时间，真是冤枉呀。。。

            PS: 思路真的很重要哈。。。，解决问题前，不要盲目，还是先想下可能的原因吧！...