（Angular）単純なネストされたビューは機能しません。

Question

私はAngularを学習していますが、私はui-routerで立ち往生しています。
ここにコードがあります。私はPUGを使用しています& Livescript、私はこれらの2つの理由で私が問題を抱えているとは思わない。

私のコードは、ここのstackoverflowの回答と似ていますが、動作させることはできません。 create.pugが表示されていません。

： - > main.pug - > index.pug

バージョン

main.pugは
create.pugがmain.pug

create.pugの子であるindex.pugの子です

angular -> 1.6.3 
angular-ui-router -> 0.4.2 

index.pug

html(ng-app="app.main") 
    head ... 
    body 
    div(ui-view) 

main.pug

md-subheader 
    h1 To Do 

md-divider 
section(ui-view) 

create.pug

md-input-container 
    label Title 
    input(type="test" ng-model="app.new_task" ng-keypress="createTask($event)") 

main.ls

MainController = ($scope) !-> 

angular 
    .module 'app.main' 
    .controller 'MainController', MainController 

create.ls

TaskCreateController = ($scope) !-> 
    app = @ 

    app.taskList = [] 

    $scope.createTask = ($event) !-> 
    if $event.keyCode !== 13 || !app.new_task 
     return 

    app.taskList.push app.new_task 
    app.new_task = '' 

    angular 
    .module 'app.main' 
    .controller 'TaskCreateController', TaskCreateController 

router.ls

私はここでインデントレベルを追加しようと思い

routes.ls

setupRoutes = (routeHelper) !-> 
    routeHelper.configureStates do 
    'home': 
     'url': '/' 
     'templateUrl': 'modules/main/main.html' 
     'controller': 'MainController' 
     'controllerAs': 'app' 

    'home.create': 
     'url': '/create' 
     'templateUrl': 'modules/task/create/create.html' 
     'controller': 'TaskCreateController' 
     'controllerAs': 'app' 

angular 
    .module 'app.main' 
    .run setupRoutes 

Answer 1

MMH：

head(ng-app="app.main") ... 
body 
    div(ui-view) 

W

head(ng-app="app.main") ... 
    body 
    div(ui-view) 

かという

html(ng-app="app.main") 
    head 
    body