ocombe
commented
9 years ago Hmm this is probably a race condition, and the controller gets called before the ocLazyLoad directive is able to remove the dom. This directive needs a rewrite because there are a few bugs that are hard to fix right now.
Could you try something like this ?
- In the config of ocLazyLoad (in the .config of your module):
$ocLazyLoadProvider.config({
modules: [{
name: 'searchUserWithSkill', // give the name that you want here
files:[
'webjars/ng-grid/2.0.14/ng-grid.min.js',
'plugins/usl_userSkills/searchUserWithSkill/services/usl_searchService.js',
'plugins/usl_userSkills/searchUserWithSkill/controllers/usl_searchUserCtrl.js'
]
}]
});- State definition:
{
url : '/skills_user_search',
views : {
'RootView' : {
templateUrl : 'plugins/usl_userSkills/searchUserWithSkill/usl_searchUserWithSkill.html'
}
},
resolve : {
modules : ['$ocLazyLoad', function($ocLazyLoad) {
return $ocLazyLoad.load({
serie : true,
files :[
{type: 'css', path:'webjars/angular-ui-select/0.11.2/select.min.css'},
{type: 'css', path:'js/thirdparty/angular/tree-grid-directive/treeGrid.css'},
{type: 'css', path:'webjars/ng-grid/2.0.14/ng-grid.min.css'},
'webjars/angular-ui-select/0.11.2/select.min.js',
'js/thirdparty/angular/tree-grid-directive/tree-grid-directive.js',
'plugins/usl_userSkills/usl_treeSkills.js',
'plugins/usl_userSkills/searchUserWithSkill/usl_searchUserWithSkill.js'
]
});
}]
}
}- template:
<section class="content-header">
<h1>
{{'Search Users with skills' | translate}}
</h1>
</section>
<!-- searchUserWithSkill is the same name as in config, it's a string so double quote followed by single quote -->
<section class="content" oc-lazy-load="'searchUserWithSkill'">
<div class="box box-default" ng-controller="usl_searchUserCtrl">
<div class="box-header with-border">
<h3 class="box-title ng-binding">{{'Selected skills' | translate}}</h3>
</div>
<div class="box-body">
<form name="formuser" novalidate class="form-horizontal">
<div class="col-xs-12" ng-if="skillList.length > 0">
<ui-select multiple ng-model="selected.skills" theme="select2" style="width:100%">
<ui-select-match placeholder="Select a skill...">{{$item.text}}</ui-select-match>
<ui-select-choices repeat="skill in skillList | propsFilter: {text: $select.search}">
{{skill.text}}
</ui-select-choices>
</ui-select>
</div>
<div class="pull-right">
<br/>
<button class="btn btn-primary" ng-disabled="selected.skills.length == 0" ng-click="searchUsers()">{{'Search' | translate}}</button>
</div>
</form>
</div>
</div>
<div class="box box-default">
<div class="box-body">
<div class="gridStyle" ng-grid="gridOptions" ng-if="gridData.length > 0"></div>
</div>
</div>
</section>
atrusch
Hi,
I am writing an application with ui-router state defined dynamically on startup. I used angular 1.4.1 and ocLazyLoad 1.0.1
When all goes well the scope tree is the following :
But sometimes the scope tree for the same page is :
There is a new scope 53 (duplicate of ng-controller) and ng-controller is a sibling. If you have a scope function it will call 2 times for one event. We can make an TeamViewer if needed.
state definition
Template