Angularjs 使用侧边栏时,Ionic控制器别名不工作
我有一个使用ionic framework构建的应用程序,我遵循ionic framework学习页面上的说明,现在我正在使用本机侧菜单。问题是,我不能使用控制器别名。下面是我的app.js的snipet,带有路由配置:Angularjs 使用侧边栏时,Ionic控制器别名不工作,angularjs,ionic-framework,state,angular-ui-router,Angularjs,Ionic Framework,State,Angular Ui Router,我有一个使用ionic framework构建的应用程序,我遵循ionic framework学习页面上的说明,现在我正在使用本机侧菜单。问题是,我不能使用控制器别名。下面是我的app.js的snipet,带有路由配置: angular.module('checklist-atendimento', [ 'ionic', 'oc.lazyLoad', 'ngStorage', 'ngCordova', 'ngMask' ]) .config(function($stateP
angular.module('checklist-atendimento', [
'ionic',
'oc.lazyLoad',
'ngStorage',
'ngCordova',
'ngMask'
])
.config(function($stateProvider, $urlRouterProvider, $httpProvider) {
$urlRouterProvider.otherwise('/app/atendimento/1');
$httpProvider.interceptors.push('TratamentoDeErrosService');
$stateProvider
.state('app', {
abstract: true,
url: '/app',
views: {
'conteudo': {
templateUrl: 'app/templates/menu.html'
}
}
})
.state('app.inicio', {
url: '/inicio',
views: {
'menuContent': {
templateUrl: 'app/views/inicio.html',
controller: 'InicioController',
}
}
})
.state('app.atendimento', {
url: '/atendimento/:codMenu',
views: {
'menuContent': {
templateUrl: 'app/views/atendimento.html',
controller: 'AtendimentoController',
controllerAs: 'atendimentoCrl'
}
}
})
});
如您所见,我有两个状态,一个没有Controllera(InicioController),另一个使用Controllera(AtendmentoController)
我把它放在控制器里
$scope.test ="TEST!!!"
在我看来
<b>{{atendimentoCtrl.test}}<b>
{{atendicationoctrl.test}
如果我只使用{{test}},则不会发生任何事情,但会显示文本。
有人知道怎么做吗
编辑:
这里有一个例子说明了a所谈论的内容:
查看item.html上的ItemCtrl和index.html内部。
我尝试使用别名来创建控制器,但它不起作用。这里的问题只是输入错误。。。这是一个控制器状态
.state('app.atendimento', {
url: '/atendimento/:codMenu',
views: {
'menuContent': {
templateUrl: 'app/views/atendimento.html',
controller: 'AtendimentoController',
controllerAs: 'atendimentoCrl'
}
}
})
在这里我们可以看到'atendicationocrl'
。这是一个视图语句
<b>{{atendimentoCtrl.test}}<b>
{{atendicationoctrl.test}
在这里我们可以看到atendimentoCtrl
(比较上面的Ctrl
后缀和Crl
)
因此,您需要更改的控制器中缺少t
$scope.test ="TEST!!!"
致:
对不起,我弄错了。在我的项目中,html是正确的。这不是问题。嗯,这应该很有效。如果您可以创建一些plunker并重现问题(因为这里您只提供了“不相关”的信息)-如果您愿意,我可以提供帮助…感谢您的回复!我提供了一个重现我的问题的例子,以改进问题,帮助你们理解。
this.test ="TEST!!!"