通过角度指令设置元素的属性文本/值？

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