uibot在子程序执行js失败_angularjs

我已经使用JQuery布局创建了一个布局。 如果我在普通索引文件中使用它，则可以正常工作。 但是当我尝试通过ui-view目录加载时，它没有加载。 请帮忙。

我的index.html`

sample

var mylayout;

$(document).ready(function(){

myLayout = $('#container').layout({west_size:400,

west_minSize:100

});

})

`

my app.js as bellow;

var SP ={};

SP.CONTROLLERS = angular.module('spControllers',[]);

sp.Dependencies =['spControllers',ui.router,'ngAnimate'

];

spModule = angular.module('spModule',SP.dependencies)

.config(['$stateProvider','$urlRouterProvider','$httpProvider',

function($stateProvider,$urlRouterProvider,$httpProvider){

$stateProider.

state('home',{

url:'',

templateurl:'home.html'

})

}]);

我的home.html如下：

WEST

CENTER

我的home.js如下

SP>CONTROLLERS.controller("smpCTRL", ['$scope',function($scope){

console.log("sucess");

}]);

CSS如下;

#container {

background: #999;

height: 100%;

margin: 0 auto;

width: 100%;

max-width: 900px;

min-width: 700px;

_width: 700px; /* min-width for IE6 */

}

.pane {

display: none; /* will appear when layout inits */

}

/*

* Default Layout Theme

*

* Created for jquery.layout

*

* Copyright (c) 2010

* Fabrizio Balliano (http://www.fabrizioballiano.net)

* Kevin Dalman (http://allpro.net)

*

* Dual licensed under the GPL (http://www.gnu.org/licenses/gpl.