Javascript 无法解析从父指令传递到子指令作用域的项
这是我的上级指令:Javascript 无法解析从父指令传递到子指令作用域的项,javascript,angularjs,Javascript,Angularjs,这是我的上级指令: angular.module('core') .directive 'navBar', -> templateUrl: 'core/templates/navbar.tpl.html' bindToController: true controllerAs: 'navbar' controller: () -> @items = [ {name: 'hello', state: 'home'} {name: 'foo
angular.module('core')
.directive 'navBar', ->
templateUrl: 'core/templates/navbar.tpl.html'
bindToController: true
controllerAs: 'navbar'
controller: () ->
@items = [
{name: 'hello', state: 'home'}
{name: 'foo', state: 'bar'}
]
这是孩子:
angular.module('components', ['core'])
.directive 'menuDropdown', ->
templateUrl: 'components/templates/menudropdown.tpl.html'
scope:
items: '=items'
bindToController: true
controllerAs: 'ctrl'
controller: ->
console.log @items # undefined
标记:
# navBar template
<menu-dropdown
items="navbar.items">
</menu-dropdown>
#导航栏模板
我试图将对象列表从父
navBar
传递给子menuDropdown
。项
在导航条指令控制器中定义,但由于某些原因,当它们被传递到菜单下拉菜单时,它们会丢失。我做错了什么?可能您需要在视图中将ngIf
添加到您的指令中,因此在您实际获得数据之前,指令不会被初始化。我应该将ngIf
添加到哪个指令?@在添加ngIf
之后,指令根本不会呈现,即使在项目准备好之后。可能您需要在视图中将ngIf
添加到指令中,因此在您实际获得数据之前,指令不会被初始化。在添加ngIf
之后,即使在项目准备好之后,指令也不会呈现。