Angularjs 带splitView的winjs angular typescript
我正在尝试将winjs与angular和typescript结合使用。 只要我不必为Dom元素使用额外的JavaScript,Angular Winjs包装器就可以正常工作 在我的情况下,我想使用拆分视图项: 菜单显示,但JavaScript功能不起作用 这是我的代码:Angularjs 带splitView的winjs angular typescript,angularjs,typescript,winjs,Angularjs,Typescript,Winjs,我正在尝试将winjs与angular和typescript结合使用。 只要我不必为Dom元素使用额外的JavaScript,Angular Winjs包装器就可以正常工作 在我的情况下,我想使用拆分视图项: 菜单显示,但JavaScript功能不起作用 这是我的代码: <win-split-view-pane-toggle split-view="splitViewElement"></win-split-view-pane-toggle> <win-split-
<win-split-view-pane-toggle split-view="splitViewElement"></win-split-view-pane-toggle>
<win-split-view id="splitView">
<win-split-view-pane>
SplitView Navigation Pane
<win-split-view-command label="'Home'" icon="'home'" on-invoked="goToHome()"></win-split-view-command>
<win-split-view-command label="'Settings'" icon="'settings'" on-invoked="goToSettings()"></win-split-view-command>
</win-split-view-pane>
<win-split-view-content>SplitView Content Area</win-split-view-content>
</win-split-view>
现在我的问题是,我正在使用typescript并使用controllerAs语法创建我的控制器。当我加上
$scope.splitViewElement = document.getElementById("splitView");
对于我的控制器,splitView元素为NULL
我也试着用
angular.element("splitView").context
它有一个元素,但也不起作用
这是我的控制器
constructor($scope, $state, $http, $q) {
super($state, $http, $q, $scope, true);
$scope.splitViewElement = document.getElementById("splitView"); //this is null
$scope.splitViewElement = angular.element("splitView").context; //this is not null
}
可能会迟到,但这是我的工作方式。在我的控制器中,我使用angular.element查询元素
vm.splitViewElement=angular.element(“#splitView”)[0]代码>
如果元素可用,它应该是数组中的第一个元素。现在只需将vm.splitViewElement绑定到视图:
<win-split-view-pane-toggle class="win-splitviewpanetoggle" split-view="vm.splitViewElement">
</win-split-view-pane-toggle>
考虑到这个图书馆并不广泛,我想问作者:@Martin:是的,我今天就是这么做的。我通过nuget与他们联系……希望他们能回答;)
<win-split-view-pane-toggle class="win-splitviewpanetoggle" split-view="vm.splitViewElement">
</win-split-view-pane-toggle>