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

时间:2015-07-16 09:14:09

标签: javascript angularjs angular-ui-router

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

如何将resolve密钥中的动态数据传递到data密钥?

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

之前我已经设法了,所以我知道这是可能的,但我不能再访问该项目了。任何帮助将不胜感激。

由于

2 个答案:

答案 0 :(得分:0)

您真的想在数据中解析密钥吗?您还可以在控制器中获取已解析的密钥

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"

在控制器中你可以注入文章

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

答案 1 :(得分:0)

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

为了帮助插入标签,我写了一个库来自动为我做https://github.com/riggerthegeek/ng-page-title