angularjs – 使用ui-router的“controller as”功能不能正常工作

前端之家收集整理的这篇文章主要介绍了angularjs – 使用ui-router的“controller as”功能不能正常工作前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个使用抽象状态的页面的以下状态设置,控制器作为语法:
# Details page route
.state 'title',url: '/title',abstract: true,template: '<ui-view/>',.state 'title.show',url: '/:titleId',templateUrl: 'title/show.html'
  controller: 'Title as t'

为了演示的目的,我们可以将一个变量分配给’标题’控制器的’t’实例,并在标题控制器功能中进行。

angular.module('title').controller 'Title',['$state',($state) ->
   this.name = 'Test'

在我的视图’title / show.html’中,我尝试打印出刚刚创建的页面变量:

{{t.name}}

我什么都看不见但是如果我将ui路由器的控制器删除到包含“title / show.html”页面的元素上,如下所示:

<div ng-controller="Title as t">

那么一切都很好。以前有人遇到这个问题。我在另一个应用程序中工作正常,所以我仍然试图弄清楚这个应用程序可能有什么不同,也许在js库版本中有所不同。

在您的状态配置中:

而不是控制器:’标题为t’,尝试:

controller: 'Title',controllerAs: 't'

编辑:只需使用ui-router和语法控制器实现一个最小的应用程序:标题为t也可以工作,在版本0.2.0的ui路由器到今天最近的一个。当我检查角度范围时,我可以看到t实例。

原文链接:https://www.f2er.com/angularjs/144973.html

猜你在找的Angularjs相关文章