使用angular的UI-Router创建动态数据

Using Angular's UI-Router to create a dynamic data

本文关键字：动态 数据 创建 UI-Router angular 使用      更新时间：2023-09-26

我正在用Angular构建一个博客，并使用ui-router来处理我的状态。当我使用resolve对象解析文章时，我希望能够动态更改<title>标记。这是通过使用一个名为pageTitle的元素填充data对象来完成的。

如何将动态数据从resolve键传递到data键?

Plunkr at http://plnkr.co/edit/N8bhMHfKtUmxVhytnsCA?p=info

我以前管理过这个，所以我知道这是可能的，但我再也没有访问那个项目了。如有任何帮助，不胜感激。

谢谢

您真的想要在数据中解析键吗?您还可以在控制器

中获得已解析的键
resolve: {
  article: function () {
    /* Go to DB and get article */
    return {
      getTitle: function () {
        return "Article 1";
      },
      getContent: function () {
        return "Hello, this is my content";
      }
    };
  }
},
controller: "ctrl"

在控制器中你可以注入article

app.controller('ctrl', function($scope, article){...});

数据按原样呈现的原因似乎是因为我需要插入数据。这将编译{{article.getContent()}}作为相关内容。

为了帮助插入标记，我编写了一个库来自动完成https://github.com/riggerthegeek/ng-page-title

相关文章：