[英](Angular) Simple nested views not working
我正在學習Angular,並且一直使用ui-router
。
這是代碼。 我正在使用PUG和Livescript,我懷疑由於這兩個原因,我遇到了問題。
我的代碼與stackoverflow中的某些答案類似,但是我無法使其正常工作。 create.pug
沒有顯示。
main.pug是index.pug的子級
create.pug是main.pug的子級
create.pug-> main.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
routeHelper = ($locationProvider, $stateProvider, $urlRouterProvider) !->
this.$get = ($state) ->
'configureStates': (states) !->
Object
.entries states
.forEach ([name, config]) !->
$stateProvider.state name, config
$locationProvider.html5Mode false
$urlRouterProvider.otherwise '/'
angular
.module 'app.main'
.provider 'routeHelper', routeHelper
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
我會嘗試在此處添加縮進級別:
head(ng-app="app.main") ...
body
div(ui-view)
至
head(ng-app="app.main") ...
body
div(ui-view)
更確切地說
html(ng-app="app.main")
head
body
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.