javascript - 通过 Angular Directive(指令)设置元素的属性文本/值？

Question

如何设置属性的文本？

尝试通过内容属性设置元标记描述的值。

<title  update-title></title>
<meta name="description" update-description content="">

我创建了一个简单的 2 指令:

第一个有效:这设置了标题标签

app.directive('updateTitle', function($rootScope) {
  return {
    link: function(scope, element) {

      var listener = function(event, toState, toParams, fromState, fromParams) {
        var title = 'Default Title';
        if (toState.data && toState.data.pageTitle) {
            title = toState.data.pageTitle;
        }
        element.text(title)
      };

      $rootScope.$on('$stateChangeStart', listener);
    }
  }
})

这个不起作用:由于.text()而出现TypeError

app.directive('updateDescription', function($rootScope) {
  return {
    link: function(scope, element, attr) {

      var listener = function(event, toState, toParams, fromState, fromParams) {
        var desc = 'Default Description';
        console.log(toState.data);
        if (toState.data && toState.data.description) {
            desc = toState.data.description;

        }
        //getting a type error because i cant set the .text() of an attr.
        attr.content.text(desc);

      };

      $rootScope.$on('$stateChangeStart', listener);
    }
  }
})

路线:

.state('root.app.work', {
  url: 'work',
  data: {
    pageTitle: 'work',
    description: 'work desc'
  }
})

Answer 1

更改:

attr.content.text(desc);

至

attr.$set('content', desc);

您可以查看其文档here