在AngularJS指令中的双向数据绑定。

22 浏览
0 Comments

在AngularJS指令中的双向数据绑定。

我一直在尝试定义指令，以便根据字段的类型和存储在数据库中的参数，在表单中显示不同的“小部件”。我需要对不同类型的情况做出反应，因此需要指令来处理布局。

在尝试了几个示例后，我找到了一段“基本上”工作的代码：

HTML

指令

myApp.directive('zippy', function(){
    return {
      restrict: 'C',
      // 这段HTML将替换zippy指令。
      transclude: true,
      scope: { title:'=zippyTitle' },
      template: '',
      //链接函数将为模板添加行为
      link: function(scope, element, attrs) {
            // 标题元素
            element.bind('blur keyup change', function() {
                scope.$apply(read);
            });
            var input = element.children();
            function read() {
                scope.title = input.val();
            }
        }
    }
});

这似乎起作用（虽然明显比*正确的* AngularJS变量绑定慢），但我想肯定有更好的方法来做到这一点。有人能否对此提供一些见解？

0