angularjs - 如何将标签的内容绑定(bind)到指令的范围内？

Question

假设我有这样的指令:

<my-directive>This is my entry!</my-directive>

如何将元素的内容绑定(bind)到指令的范围中？

myApp.directive('myDirective', function () {
    return {
        scope : {
            entry : "" //what goes here to bind "This is my entry" to scope.entry?
        },
        restrict: "E",
        template: "<textarea>{{entry}}</textarea>"
        link: function (scope, elm, attr) {
        }
    };
});

Answer 1

我认为对于已经给出的解决方案有更简单的解决方案。据我了解，您希望在指令初始化期间将元素的内容绑定(bind)到范围。

给定这个 html:

<textarea bind-content ng-model="entry">This is my entry!</textarea>

定义bind-content如下:

directive('bindContent', function() {
  return {
    require: 'ngModel',
    link: function ($scope, $element, $attrs, ngModelCtrl) {
      ngModelCtrl.$setViewValue($element.text());
    }
  }
})

这是一个demo .